
#ep-design{--ep-photo:url('/assets/pool.webp');color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#073c68}#ep-design *{box-sizing:border-box}#ep-design .ep{--ep-accent:#0E64A9;background:#faf8f3;color:#073c68;overflow:hidden}#ep-design a{color:inherit;text-decoration:none}#ep-design button,#ep-design input,#ep-design select,#ep-design textarea{font:inherit}#ep-design button{cursor:pointer}#ep-design .top{background:#073c68;color:#e8f3ff;display:flex;justify-content:space-between;gap:12px;padding:10px 5%;font-size:12px;flex-wrap:wrap}#ep-design header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;gap:20px;background:#fff}#ep-design .brand{display:flex;align-items:center;gap:12px;white-space:nowrap}#ep-design .brandmark{width:38px;height:38px;background:var(--ep-accent);border-radius:50% 50% 5px 5px;display:grid;place-items:center;color:#fff;font-size:19px}#ep-design .brand strong{display:block;font-size:23px;letter-spacing:-1px}#ep-design .brand small{display:block;font-size:10px;letter-spacing:1.5px;margin-top:3px}#ep-design nav{display:flex;gap:23px;font-size:12px;align-items:center;flex-wrap:wrap}#ep-design .action{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 21px;background:var(--ep-accent);color:#fff;border:0;border-radius:3px;font-size:13px;font-weight:600;text-align:center}#ep-design .action.secondary{background:transparent;border:1px solid #ffffff80;color:#fff}#ep-design .hero{position:relative;min-height:480px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(6,42,77,.92),rgba(6,42,77,.58) 48%,rgba(6,42,77,.12)),var(--ep-photo);background-size:cover;background-position:center;color:#fff;padding:58px 6%}#ep-design .hero-copy{max-width:540px;position:relative}#ep-design .eyebrow{font-size:11px;letter-spacing:2.1px;text-transform:uppercase;font-weight:600;margin:0 0 20px}#ep-design .hero .eyebrow{color:#a7ddf5}#ep-design h1{font-size:clamp(34px,4.8vw,57px);line-height:1.08;font-weight:500;letter-spacing:-1.7px;margin:0 0 23px}#ep-design .hero p:not(.eyebrow){max-width:380px;font-size:15px;line-height:1.75;color:#e3e8e7;margin:0 0 28px}#ep-design .actions{display:flex;gap:12px;flex-wrap:wrap}#ep-design .hero-caption{position:absolute;bottom:22px;right:5%;font-size:10px;letter-spacing:1px;color:#fff9}#ep-design .promise{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 6%;gap:20px;border-bottom:1px solid #e0e5df;background:#fff}#ep-design .promise div{display:flex;align-items:center;gap:12px;font-size:12px}#ep-design .promise svg{color:var(--ep-accent);width:19px;flex-shrink:0}#ep-design .section{padding:60px 6%}#ep-design .section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}#ep-design .section .eyebrow{color:var(--ep-accent);margin-bottom:12px}#ep-design h2{font-size:32px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:0}#ep-design .section-head p{font-size:13px;line-height:1.7;max-width:275px;margin:0;color:#61727a}#ep-design .services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#ep-design .service{background:#fff;padding:27px 25px 24px;position:relative;border-top:3px solid var(--ep-accent)}#ep-design .service-icon{color:var(--ep-accent);display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}#ep-design .service-icon svg{width:30px;height:30px}#ep-design .service-icon span{font-size:11px;color:#7a8b90}#ep-design h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 12px}#ep-design .service p{font-size:13px;line-height:1.7;color:#61727a;margin:0 0 24px}#ep-design .service a{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}#ep-design .service a svg{width:15px}#ep-design .process{display:grid;grid-template-columns:1fr 1fr;background:#eaf2f9;gap:40px}#ep-design .process p{font-size:14px;line-height:1.8;color:#526a70;max-width:350px}#ep-design .steps{display:grid;gap:22px}#ep-design .step{display:grid;grid-template-columns:33px 1fr;gap:15px;border-bottom:1px solid #cad6d0;padding-bottom:18px}#ep-design .step span{color:var(--ep-accent);font-size:12px;padding-top:4px}#ep-design .step h3{font-size:17px;margin-bottom:6px}#ep-design .step p{margin:0;font-size:12px}#ep-design .contact{background:#073c68;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:50px}#ep-design .contact .eyebrow{color:#a7ddf5}#ep-design .contact p{font-size:14px;line-height:1.7;color:#c1d0d2}#ep-design .contact .phone{display:block;font-size:26px;margin-top:30px;letter-spacing:-.5px}#ep-design .contact .mail{display:block;margin-top:10px;font-size:14px;color:#c1d0d2}#ep-design form{display:grid;grid-template-columns:1fr 1fr;gap:15px}#ep-design label{font-size:11px;display:grid;gap:8px;color:#d7e1e1}#ep-design input,#ep-design select,#ep-design textarea{width:100%;min-width:0;padding:12px;border:1px solid #759dbf;border-radius:2px;background:#174d77;color:#fff;font-size:14px}#ep-design textarea{resize:vertical;min-height:85px}#ep-design .span{grid-column:1/-1}#ep-design .contact .action{justify-self:start}#ep-design .notice{font-size:11px;line-height:1.6;color:#b8cdcf;margin:0}#ep-design footer{background:#062f52;color:#abc1c6;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:22px 6%;font-size:11px}#ep-design .split{display:grid;grid-template-columns:1fr 1fr;min-height:480px;background:#eee9dd}#ep-design .split-copy{padding:60px 11% 45px;align-self:center}#ep-design .split-copy h1{font-size:clamp(32px,4vw,49px);color:#073c68}#ep-design .split-copy p:not(.eyebrow){font-size:14px;line-height:1.75;color:#526a70;margin-bottom:25px}#ep-design .split-photo{background-image:var(--ep-photo);background-size:cover;background-position:66% center;min-height:300px;position:relative}#ep-design .photo-label{position:absolute;bottom:22px;left:22px;right:22px;background:#ffffffed;padding:18px;font-size:12px;color:#073c68}#ep-design .catalogue{background:#fff}#ep-design .catalogue .services{gap:0;border-top:1px solid #d9e1dd}#ep-design .catalogue .service{border-top:0;border-right:1px solid #d9e1dd;background:transparent}#ep-design .catalogue .service:last-child{border:0}#ep-design .catalogue .service-icon{margin-bottom:25px}#ep-design .compact-contact{background:#073c68;color:white;padding:45px 6%;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}#ep-design .compact-contact p{color:#c1d0d2;font-size:14px;line-height:1.7}#ep-design .project-preview{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}#ep-design .project-image{height:280px;background-image:var(--ep-photo);background-size:cover;background-position:center 70%}#ep-design .project-preview p{font-size:14px;color:#526a70;line-height:1.8}#ep-design .project-preview small{font-size:11px;color:#61727a}
@media(max-width:700px){#ep-design header{padding:20px 6%;flex-wrap:wrap}#ep-design nav{gap:17px;width:100%}#ep-design nav .action{margin-left:auto;padding:11px}#ep-design .hero{min-height:455px;padding:45px 7%;background-position:58% center}#ep-design .hero-caption{display:none}#ep-design .promise{gap:13px;padding:20px 7%}#ep-design .promise div{align-items:start;font-size:11px;line-height:1.5}#ep-design .services{grid-template-columns:1fr}#ep-design .service-icon{margin-bottom:19px}#ep-design .section{padding:40px 7%}#ep-design .section-head{display:block}#ep-design .section-head p{margin-top:16px;max-width:none}#ep-design .process,#ep-design .contact{grid-template-columns:1fr;gap:25px}#ep-design h2{font-size:28px}#ep-design .split{grid-template-columns:1fr}#ep-design .split-copy{padding:40px 7%}#ep-design .split-photo{min-height:280px}#ep-design .catalogue .service{border-right:0;border-bottom:1px solid #d9e1dd}#ep-design .project-preview{grid-template-columns:1fr}#ep-design .top span:first-child{display:none}#ep-design .brand strong{font-size:21px}}@media(max-width:380px){#ep-design nav{gap:12px;font-size:11px}#ep-design nav .action{margin-left:0}#ep-design .promise{grid-template-columns:1fr}#ep-design form{grid-template-columns:1fr}#ep-design .span{grid-column:auto}#ep-design .action{padding:14px 16px}}
#ep-design .original-logo{width:64px;height:63px;object-fit:contain;flex-shrink:0}#ep-design header{padding-top:14px;padding-bottom:14px}@media(max-width:380px){#ep-design .original-logo{width:52px;height:51px}#ep-design .brand small{font-size:9px;letter-spacing:1px}}
html{scroll-behavior:smooth}body{margin:0}#ep-design .brandmark{display:none}#ep-design .page-intro{background:#eaf2f9}#ep-design .page-intro p{max-width:650px;line-height:1.8}#ep-design .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}#ep-design .detail-grid p{font-size:14px;line-height:1.8;color:#526a70}#ep-design .spam-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#ep-design .consent{display:flex;align-items:start;font-size:12px;line-height:1.6}#ep-design .consent input{width:auto;flex-shrink:0;margin-top:4px}#ep-design .consent a{text-decoration:underline}#ep-design button:disabled{opacity:.6;cursor:wait}@media(max-width:700px){#ep-design .detail-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#ep-design .original-copy{background:#fff;padding-top:35px;padding-bottom:35px}#ep-design .reading{max-width:830px;margin:auto;font-size:16px;line-height:1.85;color:#334e63}#ep-design .reading h2{color:#073c68;margin-bottom:24px}#ep-design .reading p{margin:0 0 20px}#ep-design .reading li{margin-bottom:7px}#ep-design .original-gallery{background:#eaf2f9}#ep-design .photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#ep-design figure{margin:0;min-width:0}#ep-design .photo-open{display:block;width:100%;padding:0;border:0;background:#dbe9f5;border-radius:4px;overflow:hidden}#ep-design .photo-open img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .2s ease}#ep-design .photo-open:hover img{transform:scale(1.035)}#ep-design figcaption{font-size:12px;color:#385a74;margin-top:10px}#ep-design .photo-dialog{width:min(1100px,94vw);max-height:94dvh;border:0;border-radius:5px;background:#073c68;color:#fff;padding:12px}#ep-design .photo-dialog::backdrop{background:#031e36df}#ep-design .photo-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:10px}#ep-design .photo-toolbar button{background:#0E64A9;color:#fff;border:1px solid #79afd7;border-radius:3px;min-width:44px;min-height:44px;font-size:20px}#ep-design .photo-caption{flex:1;margin:0;font-size:13px}#ep-design .full-photo{display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto}#ep-design .photo-dialog .full-photo{width:auto;height:auto}#ep-design .hero-caption{color:#c1def4}@media(max-width:700px){#ep-design .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}#ep-design .reading{font-size:15px}}@media(max-width:380px){#ep-design .photo-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#ep-design .photo-open img{transition:none}}
/* Center content on wide monitors without stretching text and cards. */
#ep-design .top,
#ep-design header,
#ep-design .section,
#ep-design .promise,
#ep-design footer {
  padding-inline: max(28px, calc((100% - 1280px) / 2));
}
#ep-design header { min-height: 94px; }
#ep-design nav { font-size: 14px; gap: 28px; }
#ep-design .top { font-size: 13px; }
#ep-design .hero {
  max-width: 1600px;
  margin-inline: auto;
  min-height: 600px;
  padding: 72px clamp(32px, 6vw, 160px);
  background-position: center center;
}
#ep-design .hero-copy { max-width: 620px; }
#ep-design .hero h1 { font-size: 58px; line-height: 1.12; }
#ep-design .hero p:not(.eyebrow) { max-width: 440px; font-size: 17px; }
#ep-design .hero-caption { right: 38px; }
#ep-design .section { padding-block: 64px; }
#ep-design .section-head { align-items: end; gap: 60px; }
#ep-design .section-head p { max-width: 350px; font-size: 15px; }
#ep-design .services { gap: 24px; }
#ep-design .service { padding: 28px; }
#ep-design .service-icon { margin-bottom: 22px; min-height: 18px; }
#ep-design .service p { font-size: 15px; }
#ep-design .service a { font-size: 14px; }
#ep-design .promise div { font-size: 14px; justify-content: center; }
#ep-design .process, #ep-design .contact { gap: 72px; }
#ep-design .process p { max-width: 460px; }
#ep-design .step p { font-size: 14px; }
#ep-design .contact form { align-content: start; }
#ep-design .photo-grid { gap: 24px; }
@media (min-width: 1601px) {
  #ep-design .hero { margin-block: 24px 0; border-radius: 6px; }
}
@media (max-width: 900px) {
  #ep-design nav { gap: 18px; font-size: 13px; }
  #ep-design .hero { min-height: 550px; padding: 56px 32px; }
  #ep-design .hero h1 { font-size: 46px; }
  #ep-design .section-head { gap: 25px; }
  #ep-design .service { padding: 24px 20px; }
  #ep-design .process, #ep-design .contact { gap: 32px; }
}
@media (max-width: 700px) {
  #ep-design header, #ep-design .top, #ep-design .section,
  #ep-design .promise, #ep-design footer { padding-inline: 24px; }
  #ep-design .hero { min-height: 480px; padding: 44px 24px; background-position: 58% center; }
  #ep-design .hero h1 { font-size: clamp(32px, 7vw, 43px); }
  #ep-design .hero p:not(.eyebrow) { font-size: 15px; }
  #ep-design .section { padding-block: 40px; }
  #ep-design .promise div { font-size: 11px; justify-content: start; }
  #ep-design .photo-grid { gap: 15px; }
}
