:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-blue:#4aa3df;--color-blue-dark:#247bb4;--color-blue-soft:#eaf6ff;--color-ink:#111417;--color-charcoal:#24282d;--color-graphite:#4b5560;--color-muted:#7a8490;--color-border:#dde3ea;--color-surface:#f5f7f9;--color-card:#fff;--color-warm:#faf8f4;--font-display:"Sora", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--container:1200px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-card:0 10px 30px #11141714;--shadow-hover:0 16px 40px #1114171f}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-graphite);background:linear-gradient(180deg, #eaf6ff94, transparent 360px), var(--color-surface);margin:0}a{color:inherit}img{max-width:100%}.site-header{z-index:10;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}.header-inner,.footer-inner,.hero-banner,.section-block{width:min(var(--container), calc(100% - 40px));margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:32px;min-height:104px;display:flex}.brand{min-width:0;color:var(--color-ink);align-items:center;gap:18px;text-decoration:none;display:inline-flex}.brand-logo{background:var(--color-card);border-radius:14px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.brand-logo img{object-fit:contain;width:58px;height:58px}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(1.35rem,2vw,2rem);font-weight:800}.nav{color:#60646b;justify-content:flex-end;align-items:center;gap:clamp(18px,4vw,56px);font-size:clamp(1rem,1.4vw,1.22rem);display:flex}.nav a{text-decoration:none;transition:color .16s,transform .16s}.nav a:hover{color:var(--color-blue-dark);transform:translateY(-1px)}.nav a:focus-visible,.button:focus-visible{outline-offset:4px;outline:3px solid #4aa3df59}.site-notice{background:linear-gradient(90deg, #4aa3df1f, #ffffffb8), var(--color-card);border-bottom:1px solid #4aa3df2e}.site-notice p{width:min(var(--container), calc(100% - 40px));color:var(--color-blue-dark);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 auto;padding:11px 0;font-size:.78rem;font-weight:800;line-height:1.45}.hero-banner{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(48px,7vw,96px) 0 clamp(40px,6vw,80px);display:grid}.eyebrow{color:var(--color-blue-dark);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.035em}h1{max-width:11ch;margin-bottom:22px;font-size:clamp(3.4rem,8vw,6.7rem);line-height:.92}h2{max-width:18ch;margin-bottom:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}h3{margin-bottom:12px;font-size:1.55rem;line-height:1.1}.hero-text{max-width:58ch;color:var(--color-graphite);margin-bottom:0;font-size:clamp(1.1rem,1.6vw,1.28rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--color-blue);box-shadow:0 10px 20px #4aa3df3d}.button-primary:hover{background:var(--color-blue-dark)}.button-secondary{color:var(--color-ink);background:var(--color-card);border-color:var(--color-border)}.button-secondary:hover{box-shadow:var(--shadow-card);border-color:#4aa3df73}.hero-media{border:1px solid var(--color-border);min-height:clamp(360px,46vw,560px);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#4aa3df24,#0000 44%),linear-gradient(#fff,#edf2f6);border-radius:26px;position:relative;overflow:hidden}.hero-media>img{object-fit:cover}.hero-logo-card{place-items:center;height:100%;padding:34px;display:grid}.hero-logo-card img{object-fit:contain;mix-blend-mode:multiply;width:min(82%,520px);height:auto}.section-block{padding:0 0 84px}.section-heading{gap:8px;margin-bottom:28px;display:grid}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.category-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);min-height:250px;padding:32px;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 4px 16px #1114170a}.category-card:hover{box-shadow:var(--shadow-hover);border-color:#4aa3df80;transform:translateY(-2px)}.category-card p{margin-bottom:0;line-height:1.65}.category-icon{background:linear-gradient(135deg, transparent 42%, #4aa3df52 42% 58%, transparent 58%), var(--color-blue-soft);border-radius:18px;width:68px;height:68px;margin-bottom:32px;display:block}.site-footer{color:#d8dde3;background:var(--color-charcoal);margin-top:20px}.footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:44px 0;display:grid}.footer-title{color:#fff;font-family:var(--font-display);margin-bottom:8px;font-size:1.45rem;font-weight:800}.footer-copy,.footer-note{margin-bottom:0}.footer-copy{max-width:56ch}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:#fff;font-weight:700;text-decoration:none}.footer-links a:hover{color:var(--color-blue)}.footer-note{color:#aeb7c1;border-top:1px solid #ffffff1f;padding:16px 0 24px;font-size:.9rem}.listing-page,.contact-page{width:min(var(--container), calc(100% - 40px));margin-inline:auto}.listing-page{padding:clamp(48px,7vw,84px) 0 96px}.page-heading{max-width:760px;margin-bottom:38px}.page-heading-wide{max-width:920px}.page-heading h1,.contact-panel h1{max-width:12ch;font-size:clamp(3rem,6vw,5.6rem)}.page-heading p:not(.eyebrow),.contact-panel p:not(.eyebrow){max-width:62ch;color:var(--color-graphite);margin-bottom:0;font-size:1.08rem;line-height:1.65}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.product-card,.custom-project-card,.contact-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:0 4px 16px #1114170a}.product-card{transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);border-color:#4aa3df80;transform:translateY(-2px)}.product-image{aspect-ratio:1;background:linear-gradient(135deg,#4aa3df1f,#0000 45%),#eef3f7;place-items:center;display:grid;position:relative;overflow:hidden}.product-image img,.custom-project-image img{object-fit:cover}.product-image span,.custom-project-image span{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:20px;font-size:.76rem;font-weight:800}.product-card-copy{gap:8px;padding:22px;display:grid}.product-card-copy h2,.custom-project-copy h2{max-width:none;margin:0;font-size:1.35rem;line-height:1.12}.product-price{color:var(--color-blue-dark);margin:0;font-size:1.05rem;font-weight:850}.custom-project-list{gap:28px;display:grid}.custom-project-card{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:0;display:grid;overflow:hidden}.custom-project-images{min-height:360px;display:grid}.custom-project-images-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-project-image{background:linear-gradient(135deg,#4aa3df1f,#0000 44%),#eef3f7;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.custom-project-image+.custom-project-image{border-left:1px solid var(--color-border)}.custom-project-image p{color:var(--color-blue-dark);background:#ffffffe6;border-radius:999px;margin:0;padding:6px 10px;font-size:.78rem;font-weight:850;position:absolute;bottom:16px;left:16px}.custom-project-copy{flex-direction:column;justify-content:center;padding:clamp(28px,4vw,44px);display:flex}.custom-project-copy p{margin:0;line-height:1.68}.contact-page{padding:clamp(54px,8vw,108px) 0}.contact-panel{max-width:820px;padding:clamp(32px,5vw,56px)}.contact-panel .button{margin-top:28px}.contact-email{color:var(--color-muted);font-family:var(--font-mono);margin-top:18px;font-size:.9rem}@media (max-width:860px){.header-inner{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px 0}.nav{justify-content:flex-start;gap:18px;width:100%;padding-bottom:4px;overflow-x:auto}.hero-banner{grid-template-columns:1fr}h1{max-width:10ch}.category-grid,.product-grid,.footer-inner,.custom-project-card,.custom-project-images-pair{grid-template-columns:1fr}.custom-project-image+.custom-project-image{border-top:1px solid var(--color-border);border-left:0}}@media (max-width:560px){.header-inner,.footer-inner,.hero-banner,.section-block,.site-notice p{width:min(var(--container), calc(100% - 28px))}.brand-logo{width:56px;height:56px}.brand-name{white-space:normal}h1{font-size:clamp(3rem,18vw,4.4rem)}.hero-media{min-height:320px}.listing-page,.contact-page{width:min(var(--container), calc(100% - 28px))}.custom-project-image,.custom-project-images{min-height:280px}}
