:root{color-scheme:light dark;color:#1f2937;background:#f8fafc;--bg: #f8fafc;--surface: #ffffff;--surface-strong: #f8fafc;--text: #1f2937;--muted: #4b5563;--border: #e5e7eb;--card: #ffffff;--card-shadow: 0 1px 3px rgba(15, 23, 42, .08);--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .1)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.app-shell{max-width:1200px;margin:0 auto;padding:1rem 1.5rem 3rem;font-family:Inter,system-ui,sans-serif;color:var(--text)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.brand{font-size:1.35rem;font-weight:700}.site-header nav a{margin-left:1rem;text-decoration:none;color:#374151;font-weight:500}.site-header nav a:hover{color:#111827}.page-container{display:grid;gap:3rem;padding:2rem 0}.section-heading h2{margin-bottom:.75rem;font-size:2rem}.section-heading p{color:#4b5563;max-width:720px}.hero-section{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.hero-copy .eyebrow{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;margin-bottom:.75rem}.hero-copy h1{font-size:clamp(2.5rem,3vw,4rem);line-height:1.05;margin-bottom:1rem}.hero-copy p{color:#4b5563;margin-bottom:1.25rem;max-width:640px}.hero-contact{display:flex;flex-wrap:wrap;gap:.75rem}.hero-link{display:inline-block;background:#3b82f6;color:#fff;text-decoration:none;padding:.85rem 1.1rem;border-radius:999px;font-weight:600}.hero-image{border-radius:1rem;min-height:320px;background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);display:flex;align-items:center;justify-content:center;color:#111827;font-weight:600}.services-section,.gallery-section,.contact-section{padding:2rem 0}.services-featured{background:linear-gradient(180deg,rgba(59,130,246,.05),transparent 80%);border-radius:1.5rem;padding:2rem}.services-grid,.gallery-grid{display:grid;gap:1.5rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.service-card{border:1px solid transparent;border-radius:1.25rem;padding:1.2rem 1rem;text-align:center;background:white;box-shadow:0 12px 30px #0f172a0f;transition:transform .25s ease,border-color .25s ease,background .25s ease;cursor:pointer}.service-card:hover,.service-card.active{transform:translateY(-3px);background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);color:#fff;border-color:#3b82f666}.service-card.active .service-icon,.service-card:hover .service-icon{color:#fff}.service-card p{margin:0;font-weight:600}.service-icon{width:3rem;height:3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.85rem;background:#eef2ff;color:#3b82f6;font-size:1.1rem}.service-card.active .service-icon{background:rgba(255,255,255,.2)}.gallery-card-copy p{color:#4b5563;min-height:2.5rem}.gallery-card-title{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:.6rem}.gallery-card-category{display:inline-block;margin-top:.75rem;padding:.35rem .75rem;background:rgba(59,130,246,.1);border-radius:999px;font-size:.8rem;color:#2563eb}.service-card{border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;text-align:center;background:white;box-shadow:0 1px 2px #0f172a0d}.service-icon{font-size:1.45rem;margin-bottom:.8rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.gallery-card{border-radius:1rem;overflow:hidden;background:white;box-shadow:0 1px 3px #0f172a14}.gallery-card-image-button{display:block;border:none;padding:0;width:100%;background:transparent;cursor:pointer}.gallery-card-image-button img{width:100%;display:block;object-fit:cover;aspect-ratio:4 / 3;max-height:260px}.gallery-card-copy{padding:1rem}.gallery-card-copy h3{margin-bottom:.5rem}.gallery-card-copy p{color:#4b5563}.contact-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.contact-card{border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem;background:white}.contact-card h3{margin-bottom:.75rem}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.7);z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem}.lightbox-content{position:relative;max-width:100%;max-height:100%;background:#111827;border-radius:1rem;padding:1rem;box-shadow:0 20px 50px #00000059}.lightbox-content img{display:block;width:auto;max-width:90vw;max-height:80vh;border-radius:1rem;margin-bottom:.75rem}.lightbox-meta{color:#f8fafc;max-width:90vw}.lightbox-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:none;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;font-size:1.35rem;cursor:pointer}.lightbox-close:hover{background:rgba(255,255,255,.3)}.contact-card a,.contact-card p{color:#1f2937;text-decoration:none}.site-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center;color:#6b7280}.admin-page{padding:3rem 0}@media (max-width: 900px){.hero-section{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{padding:1rem}.site-header{flex-direction:column;align-items:flex-start}.hero-link{width:100%;text-align:center}}@media (prefers-color-scheme: dark){:root{background:#020617;color:#e2e8f0;--bg: #020617;--surface: #0f172a;--surface-strong: #111827;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--card: #111827;--card-shadow: 0 12px 30px rgba(0, 0, 0, .55);--accent: #60a5fa;--accent-soft: rgba(96, 165, 250, .12)}body{background:var(--bg);color:var(--text)}.app-shell{background:transparent}.site-header{border-bottom-color:var(--border)}.site-header nav a{color:#cbd5e1}.site-header nav a:hover{color:#fff}.hero-copy p,.section-heading p,.gallery-card-copy p,.contact-card p,.contact-card a,.lightbox-meta,.error-message{color:#cbd5e1}.hero-image{background:linear-gradient(180deg,#020617 0%,#0f172a 100%);color:#f8fafc}.hero-link{background:var(--accent);color:#fff}.services-featured{background:rgba(96,165,250,.08)}.service-card{background:var(--surface);border-color:#94a3b833;box-shadow:var(--card-shadow)}.service-icon{background:#1e293b;color:var(--accent)}.gallery-card{background:var(--surface);box-shadow:var(--card-shadow)}.gallery-card-copy{background:var(--surface)}.gallery-card-category{background:rgba(96,165,250,.15);color:#93c5fd}.contact-card{background:var(--surface);border-color:var(--border)}.lightbox-content{background:#020617}.site-footer{color:#94a3b8;border-top-color:var(--border)}.error-message{background:#4b1d1d;border-color:#7f1d1d;color:#fecaca}}.loading-spinner{display:grid;place-items:center;min-height:60vh;gap:1rem;color:#334155}.spinner{width:3rem;height:3rem;border:.35rem solid #e2e8f0;border-top-color:#3b82f6;border-radius:9999px;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:1rem;border-radius:.75rem;max-width:760px;margin:0 auto 1.5rem}.admin-page{display:grid;gap:2rem;padding:2rem 0}.brand{color:var(--text);text-decoration:none;letter-spacing:-.04em}.brand span{color:var(--accent)}.site-header nav{display:flex;align-items:center;gap:1.1rem}.site-header nav a{margin:0}.site-header nav a.active{color:var(--accent)}.site-header .nav-contact{background:var(--accent);color:#fff;padding:.55rem .85rem;border-radius:999px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.85rem 1.15rem;text-decoration:none;font-weight:700;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 9px 20px #2563eb33}.button-secondary{color:var(--text);border-color:var(--border);background:var(--surface)}.hero-section{padding:3.5rem 0 1rem}.hero-copy h1{letter-spacing:-.055em}.hero-copy p{font-size:1.08rem}.hero-image{background:radial-gradient(circle at 23% 25%,#fde68a,transparent 22%),radial-gradient(circle at 83% 80%,#fda4af,transparent 25%),linear-gradient(135deg,#312e81,#7c3aed 55%,#ec4899);min-height:360px;padding:2rem;color:#fff;box-shadow:0 22px 55px #4c1d953d}.hero-image-box{border:1px solid rgba(255,255,255,.35);border-radius:1rem;background:rgba(255,255,255,.11);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem;width:min(100%,330px);display:grid;gap:.75rem}.hero-image-box span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.hero-image-box strong{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.05}.hero-image-box small{opacity:.85}.page-intro{max-width:720px;padding-top:1.5rem}.page-intro h1{margin:.35rem 0 .9rem;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.06em;line-height:.98}.page-intro p{color:var(--muted);font-size:1.1rem}.eyebrow{color:var(--accent);font-weight:800}.gallery-controls{display:flex;gap:1rem;align-items:center}.gallery-controls input,.gallery-controls select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.75rem;padding:.8rem 1rem}.search-field{flex:1}.gallery-controls select{width:auto;min-width:150px}.filter-pills{display:flex;flex-wrap:wrap;gap:.55rem}.filter-pills button{padding:.55rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.filter-pills button.active,.filter-pills button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.category-grid,.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.category-card,.value-grid article{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:1rem;padding:1.35rem;text-decoration:none;box-shadow:var(--card-shadow);transition:transform .2s ease,border-color .2s ease}.category-card:hover{transform:translateY(-4px);border-color:var(--accent)}.category-card h2,.value-grid h2{margin:.5rem 0;font-size:1.1rem}.category-card p,.value-grid p{color:var(--muted);margin:0 0 .75rem}.category-card>span:last-child{color:var(--accent);font-weight:700}.text-link{display:inline-block;color:var(--accent);text-decoration:none;font-weight:700;margin-top:.8rem}.gallery-card{border:1px solid var(--border)}.gallery-card-copy h3{margin:0}.empty-state{padding:2.5rem;text-align:center;border:1px dashed var(--border);border-radius:1rem;color:var(--muted)}.application-error,.not-found{min-height:55vh;display:grid;place-content:center;justify-items:center}.live-content-status{margin:-2rem 0 0;color:var(--muted);font-size:.9rem}.gallery-load-zone{min-height:360px}.gallery-skeletons>div{height:290px;border-radius:1rem;background:linear-gradient(100deg,var(--surface-strong) 30%,var(--surface) 50%,var(--surface-strong) 70%);background-size:200% 100%;animation:gallery-shimmer 1.5s infinite}@keyframes gallery-shimmer{to{background-position:-200% 0}}.product-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}.product-image-wrap{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden}.product-image-wrap img{display:block;width:100%;max-height:650px;object-fit:contain;background:var(--surface-strong)}.product-details{padding:1rem 0}.product-details h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;margin:.45rem 0 1rem;line-height:1}.product-details>p{color:var(--muted);font-size:1.06rem}.product-price{color:var(--text)!important;font-weight:800}.value-grid article{min-height:180px}.cta-panel{background:linear-gradient(120deg,#312e81,#7c3aed);color:#fff;padding:2.25rem;border-radius:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.cta-panel h2{margin:0}.cta-panel .button-primary{background:#fff;color:#312e81}.site-footer{display:grid;grid-template-columns:1.4fr 1fr;text-align:left;gap:1rem;padding:2rem 0}.site-footer p{margin:.35rem 0}.site-footer nav{display:flex;flex-wrap:wrap;gap:.8rem;align-content:start}.site-footer nav a{color:var(--muted);text-decoration:none}.site-footer small{grid-column:1 / -1}.enquiry-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;padding:clamp(1.4rem,5vw,3rem);border-radius:1.25rem;background:var(--surface);border:1px solid var(--border)}.enquiry-section h2{margin:.35rem 0 .75rem;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.04em}.enquiry-section>div>p:last-child{color:var(--muted)}.enquiry-form{display:grid;gap:.9rem}.enquiry-form label{display:grid;gap:.35rem;font-weight:700;font-size:.92rem}.enquiry-form input,.enquiry-form textarea{color:var(--text);background:var(--bg);border:1px solid var(--border);padding:.75rem .85rem;border-radius:.65rem}.enquiry-form textarea{min-height:110px;resize:vertical}.enquiry-form .button{justify-self:start}.form-error{margin:0;color:#b91c1c;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 720px){.site-header nav{gap:.7rem;flex-wrap:wrap}.site-header .nav-contact{padding:.35rem .55rem}.category-grid,.value-grid,.product-layout,.enquiry-section{grid-template-columns:1fr}.gallery-controls{flex-direction:column;align-items:stretch}.gallery-controls select{width:100%}.cta-panel{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr}}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:1rem}.admin-title{font-size:1.25rem;font-weight:700}.admin-subtitle{color:#6b7280}.admin-card{padding:1.75rem;border:1px solid #e5e7eb;border-radius:1rem;background:white}.admin-card h2{margin-bottom:1rem}.admin-card form{display:grid;gap:1rem}.admin-card label{display:grid;gap:.5rem;text-align:left;color:#374151}.admin-card input,.admin-card textarea,.admin-card select{width:100%;border:1px solid #d1d5db;border-radius:.75rem;padding:.85rem 1rem;background:#f9fafb;color:#111827}.admin-card textarea{min-height:120px;resize:vertical}.primary-button,.secondary-button,.danger-button{border:none;border-radius:999px;padding:.95rem 1.25rem;cursor:pointer;font-weight:600}.primary-button{background:#3b82f6;color:#fff}.secondary-button{background:#e5e7eb;color:#111827}.danger-button{background:#ef4444;color:#fff}.gallery-manager-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gallery-manager-card{border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;background:white;display:grid;gap:0}.gallery-manager-card img{width:100%;object-fit:cover;aspect-ratio:4 / 3}.gallery-manager-copy{padding:1rem}.gallery-manager-copy h3{margin-bottom:.75rem}.gallery-manager-copy p{color:#4b5563;margin-bottom:.75rem}.gallery-manager-category{font-size:.95rem;color:#6b7280;margin-bottom:1rem}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}