:root{--bg:#f7f3ec;--bg-soft:#fcfaf7;--panel:rgba(255,255,255,0.92);--white:#ffffff;--navy:#10273f;--navy-2:#183b5d;--ink:#1e2b36;--text:#5c6975;--muted:#7e8993;--terracotta:#cf6b49;--terracotta-dark:#b95636;--sage:#7f9371;--sage-dark:#667857;--gold:#b4955f;--line:rgba(16,39,63,0.10);--line-light:rgba(255,255,255,0.16);--shadow-sm:0 12px 30px rgba(16,39,63,0.08);--shadow-md:0 24px 60px rgba(16,39,63,0.14);--shadow-lg:0 38px 100px rgba(16,39,63,0.22);--radius-sm:16px;--radius-md:26px;--radius-lg:36px}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",sans-serif;color:var(--ink);line-height:1.65;background:radial-gradient(circle at 10% 0%,rgb(127 147 113 / .12),transparent 24%),radial-gradient(circle at 100% 10%,rgb(207 107 73 / .08),transparent 20%),linear-gradient(180deg,#fffdf9 0%,var(--bg) 100%)}a{text-decoration:none;transition:all 0.25s ease}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:1030;background:rgb(252 250 247 / .88);backdrop-filter:blur(14px);border-bottom:1px solid rgb(16 39 63 / .08)}.navbar{padding:0}.navbar-brand{display:flex;align-items:center;gap:.01rem;text-decoration:none}.site-logo{width:85px;height:85px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{display:block}.brand-text span{display:block;font-size:.9rem}.navbar-brand strong{font-size:1.8rem;font-weight:900;letter-spacing:-.03em;color:var(--navy)}.navbar-brand span{margin-top:4px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--sage-dark)}.nav-link{color:var(--navy);font-weight:600}.nav-link:hover,.nav-link:focus,.navbar .current-menu-item .nav-link,.navbar .current_page_item .nav-link{color:var(--terracotta)}.main-menu,.main-menu ul{list-style:none;margin:0;padding:0}.main-menu.navbar-nav{display:flex;align-items:center;gap:1.1rem}.main-menu>li{position:relative}.main-menu>li>a{display:inline-flex;align-items:center;padding:.8rem .2rem;color:var(--text);font-weight:600;letter-spacing:.01em;text-decoration:none;transition:color 0.2s ease,opacity 0.2s ease}.main-menu>li>a:hover,.main-menu>li>a:focus{color:var(--navy)}.main-menu .menu-item-has-children{position:relative}.main-menu .menu-item-has-children>a::after{content:"";width:.45rem;height:.45rem;margin-left:.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);transform-origin:center;opacity:.65;flex-shrink:0;transition:transform 0.2s ease,opacity 0.2s ease}.main-menu .menu-item-has-children:hover>a::after,.main-menu .menu-item-has-children:focus-within>a::after{opacity:.9;transform:rotate(45deg) translateY(0)}.main-menu .sub-menu{position:absolute;top:100%;left:0;min-width:240px;padding:.55rem 0;background:rgb(255 255 255 / .98);border:1px solid rgb(16 39 63 / .08);border-radius:14px;box-shadow:0 18px 40px rgb(16 39 63 / .12);display:none;z-index:1050}.main-menu .sub-menu li{position:relative}.main-menu .sub-menu a{display:block;padding:.8rem 1rem;color:var(--text);font-weight:500;line-height:1.35;white-space:nowrap;text-decoration:none;transition:background 0.2s ease,color 0.2s ease}.main-menu .sub-menu a:hover,.main-menu .sub-menu a:focus{color:var(--navy);background:rgb(16 39 63 / .04)}.main-menu li:hover>.sub-menu,.main-menu li:focus-within>.sub-menu{display:block}.btn-brand,.btn-outline-brand,.btn-light-brand{border-radius:999px;padding:14px 24px;font-weight:800;letter-spacing:-.01em}.btn-brand{border:none;color:#fff;background:linear-gradient(135deg,var(--terracotta),var(--terracotta-dark));box-shadow:0 18px 36px rgb(207 107 73 / .25)}.btn-brand:hover{color:#fff;transform:translateY(-1px)}.btn-outline-brand{background:rgb(255 255 255 / .78);border:1px solid rgb(16 39 63 / .12);color:var(--navy)}.btn-outline-brand:hover{color:var(--navy);background:#fff}.btn-light-brand{background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .16);color:#fff}.btn-light-brand:hover{color:#fff;background:rgb(255 255 255 / .14)}.section-pad{padding:3rem 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgb(255 255 255 / .85);border:1px solid rgb(127 147 113 / .22);color:var(--navy-2);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px rgb(127 147 113 / .14)}.eyebrow-dark{background:rgb(255 255 255 / .08);color:#fff;border-color:rgb(255 255 255 / .15)}.hero{position:relative;overflow:hidden;padding:3rem 0 5rem;background:radial-gradient(circle at 85% 15%,rgb(16 39 63 / .08),transparent 18%),radial-gradient(circle at 8% 88%,rgb(180 149 95 / .12),transparent 18%),linear-gradient(180deg,#fdfaf5 0%,#f1e9dd 100%)}.hero-copy-wrap{padding-top:.35rem}.hero-title{max-width:14ch;font-size:clamp(4rem, 6vw, 3rem);line-height:1;font-weight:900;letter-spacing:-.055em;color:var(--navy);margin:1.1rem 0 1.4rem}.hero-title .accent-1{color:var(--terracotta)}.hero-title .accent-2{color:var(--sage-dark)}.hero-copy{max-width:800px;font-size:1.08rem;color:var(--text);margin-bottom:1.75rem}.hero-points{display:flex;flex-wrap:wrap;gap:.85rem 1.4rem;list-style:none;padding:20px 0 0 0;margin:0 0 2rem}.hero-points li{position:relative;padding-left:18px;color:var(--text);font-weight:600}.hero-points li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:var(--sage)}.hero-image-card,.service-card,.feature-panel,.article-card,.contact-panel,.form-panel,.about-panel,.proof-strip,.case-card,.case-card-empty,.page-content-wrap,.content-single{border-radius:var(--radius-md);overflow:hidden}.hero-image-card{position:relative;min-height:800px;margin:10% 0 0 0;background-image:linear-gradient(180deg,rgb(9 23 38 / .08),rgb(9 23 38 / .72)),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1400&q=80);background-size:cover;background-position:30% center;border:8px #fff solid;box-shadow:var(--shadow-lg)}.hero-note{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.glass-tag{display:inline-block;padding:8px 12px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgb(255 255 255 / .11);border:1px solid rgb(255 255 255 / .15)}.mini-card{max-width:260px;padding:16px 18px;border-radius:20px;background:rgb(255 255 255 / .94);border:1px solid rgb(16 39 63 / .08);box-shadow:var(--shadow-md)}.mini-card small{display:block;margin-bottom:6px;color:var(--sage-dark);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.mini-card strong{display:block;color:var(--navy);line-height:1.3;font-size:1rem}.hero-image-content{position:absolute;left:28px;right:28px;bottom:28px;color:#fff}.hero-image-content h2{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.hero-image-content p{margin-bottom:0;color:rgb(255 255 255 / .82);max-width:520px}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1.5rem;background:rgb(255 255 255 / .82);border:1px solid rgb(16 39 63 / .08);box-shadow:var(--shadow-sm)}.proof-item{padding:1.2rem 1rem;text-align:center;border-right:1px solid rgb(16 39 63 / .08)}.proof-item:last-child{border-right:none}.proof-item strong{display:block;color:var(--navy);font-size:1.55rem;line-height:1;font-weight:900;margin-bottom:.35rem}.proof-item span{display:block;color:var(--muted);font-size:.92rem;font-weight:600}.section-heading{max-width:760px;margin-bottom:3rem}.section-heading h1,.section-heading h2,.about-copy h2,.inner-page-title{color:var(--navy);font-size:clamp(2.1rem, 4vw, 3.25rem);line-height:1.03;font-weight:900;letter-spacing:-.04em;margin:1rem 0}.section-heading p{color:var(--text);font-size:1.04rem;margin-bottom:0}.service-card,.article-card,.case-card,.page-content-wrap,.content-single{height:100%;background:rgb(255 255 255 / .94);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.service-image,.article-image,.case-card-image,.case-card-placeholder{height:235px;width:100%;object-fit:cover;background-size:cover;background-position:center}.service-image-1{background-image:url(https://geoffrey.com.au/wp-content/uploads/2026/06/website-designer.png)}.service-image-2{background-image:url(https://geoffrey.com.au/wp-content/uploads/2026/06/search-engine-optimisation-ai.png)}.service-image-3{background-image:url(https://geoffrey.com.au/wp-content/uploads/2026/06/wordpress-theme-plugin-development.png)}.case-card-placeholder{background:linear-gradient(135deg,rgb(127 147 113 / .25),rgb(207 107 73 / .25)),linear-gradient(180deg,#f8f2e7 0%,#e9ddd0 100%)}.service-body,.article-body,.case-card-body{padding:1.75rem}.service-tag{display:inline-block;margin-bottom:.8rem;color:var(--sage-dark);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.service-body h3,.article-body h3,.article-body h2,.case-card-title{color:var(--navy);font-size:1.38rem;margin-bottom:.75rem}.service-body p,.article-body p,.case-card-body p,.about-copy p,.content-styled,.content-styled p{color:var(--text)}.feature-band{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgb(180 149 95 / .18),transparent 18%),linear-gradient(135deg,#0b1827 0%,#112a44 52%,#647857 100%);color:#fff}.feature-panel{height:100%;min-height:280px;position:relative;background-size:cover;background-position:center;box-shadow:var(--shadow-md)}.feature-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(9 23 38 / .1),rgb(9 23 38 / .76))}.feature-panel-1{background-image:url(https://geoffrey.com.au/wp-content/uploads/2026/06/website-content-heirarchy.png)}.feature-panel-2{background-image:url(https://geoffrey.com.au/wp-content/uploads/2026/06/web-design-visuals.png)}.feature-panel-3{background-image:url(https://geoffrey.com.au/wp-content/uploads/2026/06/websites-that-extend-adapt.png)}.feature-content{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.about-panel{background:linear-gradient(135deg,rgb(255 255 255 / .96),rgb(247 241 231 / .98));border:1px solid var(--line);box-shadow:var(--shadow-sm)}.about-copy{padding:3rem}.tick-list{list-style:none;padding:0;margin:1.5rem 0 0}.tick-list li{position:relative;padding-left:28px;margin-bottom:1rem;color:var(--text);font-weight:600}.tick-list li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--terracotta),var(--sage));box-shadow:0 0 0 5px rgb(127 147 113 / .1)}.about-image{min-height:100%;background-image:linear-gradient(180deg,rgb(9 23 38 / .08),rgb(9 23 38 / .28)),url(https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1400&q=80);background-size:cover;background-position:center}.article-section{background:linear-gradient(180deg,#fbf7f0 0%,#f1e7d9 100%)}.contact-panel{height:100%;padding:2.3rem;background:radial-gradient(circle at top right,rgb(180 149 95 / .18),transparent 20%),linear-gradient(135deg,#10273f 0%,#18385b 55%,#687c59 100%);color:#fff;box-shadow:var(--shadow-md)}.contact-panel h2,.contact-panel h3{color:#fff}.contact-panel p{color:rgb(255 255 255 / .82)}.contact-box{padding:1rem 1.1rem;border-radius:18px;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .15)}.contact-box strong{display:block;margin-bottom:.3rem;color:#fff}.contact-box span{color:rgb(255 255 255 / .76);font-size:.95rem}.form-panel{height:100%;padding:2rem;background:rgb(255 255 255 / .95);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.form-control,.wpcf7 input:not([type="submit"]),.wpcf7 textarea{min-height:56px;width:100%;border-radius:16px;border:1px solid rgb(16 39 63 / .12);padding:.95rem 1rem}.form-control:focus,.wpcf7 input:focus,.wpcf7 textarea:focus{border-color:var(--sage);box-shadow:0 0 0 .25rem rgb(127 147 113 / .14);outline:none}textarea.form-control,.wpcf7 textarea{min-height:150px}.wpcf7 input[type="submit"]{border:none;color:#fff;background:linear-gradient(135deg,var(--terracotta),var(--terracotta-dark));box-shadow:0 18px 36px rgb(207 107 73 / .25);border-radius:999px;padding:14px 24px;font-weight:800}.site-footer{padding:3.5rem 0;background:#0a1624;color:rgb(255 255 255 / .7)}.site-footer h4,.site-footer h5{color:#fff;margin-bottom:1rem}.site-footer a{color:rgb(255 255 255 / .7)}.site-footer a:hover{color:#fff}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;padding:12px;background:rgb(10 22 36 / .96);backdrop-filter:blur(10px);border-top:1px solid rgb(255 255 255 / .08)}.mobile-bar small{display:block;color:rgb(255 255 255 / .66);text-align:center;font-size:.78rem;margin-top:6px}.content-styled{font-size:1.06rem}.content-styled h2,.content-styled h3,.content-styled h4{color:var(--navy);margin-top:1.5rem;margin-bottom:.75rem}.content-styled ul,.content-styled ol{padding-left:1.25rem}.case-card-empty,.page-content-wrap,.content-single{padding:4rem 4rem}.page-header-simple{max-width:840px}.page-featured-image img{width:100%;height:auto}@media (max-width:991.98px){.hero{padding-top:4.2rem}.hero-title,.section-heading h2,.about-copy h2,.section-heading h1,.inner-page-title{max-width:none}.hero-image-card{min-height:520px;margin-top:.5rem}.hero-note{position:static;padding:18px 18px 0;display:block}.mini-card{margin-top:12px;max-width:none}.proof-strip{grid-template-columns:1fr}.proof-item{border-right:none;border-bottom:1px solid rgb(16 39 63 / .08)}.proof-item:last-child{border-bottom:none}.about-copy,.contact-panel,.form-panel,.page-content-wrap,.content-single{padding:1.75rem}body{padding-bottom:88px}}@media (max-width:1199.98px){.navbar-brand{gap:0rem}.site-logo{width:64px;height:64px}.main-menu{gap:0.35rem!important}.nav-link{padding-left:.4rem;padding-right:.5rem;font-size:.9rem}}@media (max-width:991.98px){.main-menu.navbar-nav{display:block;gap:0}.main-menu>li>a{display:flex;justify-content:space-between;padding:.8rem 0}.main-menu .sub-menu{position:static;top:auto;left:auto;min-width:0;display:block;padding:.35rem 0 .5rem 1rem;background:#fff0;border:0;border-radius:0;box-shadow:none}.main-menu .sub-menu a{padding:.45rem 0;white-space:normal}}