body.page-id-45 #et-boc#et-boc .lootus-gallery-section{padding:56px 0!important;background:#FFFEFF!important}
body.page-id-45 #et-boc#et-boc .lootus-gallery-row{width:calc(100% - 80px)!important;max-width:1440px!important;padding:0!important;margin:0 auto!important;display:block!important}
body.page-id-45 #et-boc#et-boc .lootus-gallery-row>.et_pb_column{width:100%!important;margin:0!important;padding:0!important}
#lootus-conception-gallery{color:#003B56;font:400 17px/1.65 'Futura BT',Futura,sans-serif}
#lootus-conception-gallery *{box-sizing:border-box}
#lootus-conception-gallery h2{font:400 clamp(28px,3vw,38px)/1.35 Orbitron,sans-serif!important;color:#003B56!important;margin:0 0 18px!important;padding:0!important;text-align:left!important}
#lootus-conception-gallery .gallery-lead{font-size:19px;max-width:78ch;margin:0 0 34px;padding:0}
#lootus-conception-gallery .gallery-a{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}
#lootus-conception-gallery .step{min-width:0}
#lootus-conception-gallery .photo{display:block;padding:0;position:relative;width:100%;border:0;background:#003B56;color:#FFFEFF;text-align:left;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);aspect-ratio:1.65;overflow:hidden;cursor:zoom-in;box-shadow:none;text-decoration:none}
#lootus-conception-gallery .photo:after{position:absolute;inset:0;content:"";pointer-events:none;background:#3EB9C2;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%,0 0,1px 1px,1px calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 24px,calc(100% - 24px) 1px,1px 1px)}
#lootus-conception-gallery .photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}
#lootus-conception-gallery .photo:hover img{transform:scale(1.025)}
#lootus-conception-gallery .photo.contain{background:#FFFEFF}
#lootus-conception-gallery .photo.contain img{object-fit:contain;padding:12px}
#lootus-conception-gallery .zoom{position:absolute;right:14px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #3EB9C2;background:#003B56;color:#FFFEFF;font:22px/1 Arial,sans-serif}
#lootus-conception-gallery .step-copy{display:grid;grid-template-columns:48px 1fr;gap:14px;margin-top:22px}
#lootus-conception-gallery .step-copy h3{font:700 25px/1.25 'Futura BT',Futura,sans-serif!important;color:#003B56!important;margin:0 0 8px!important;padding:0!important}
#lootus-conception-gallery .step-copy p{font:400 17px/1.65 'Futura BT',Futura,sans-serif!important;color:#003B56!important;margin:0!important;padding:0!important;max-width:53ch}
#lootus-conception-gallery .number{font:400 24px/1.4 Orbitron,sans-serif;color:#3EB9C2;white-space:nowrap}
#lootus-conception-gallery .more{display:flex;gap:12px;margin:16px 0 0 62px;flex-wrap:wrap}
#lootus-conception-gallery .photo.thumb{width:100px;aspect-ratio:1.45;flex-shrink:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
#lootus-conception-gallery .thumb .zoom{display:none}
#lootus-conception-gallery .thumb:after{clip-path:none;background:transparent;border:1px solid #3EB9C2}
#lootus-conception-gallery .photo:focus-visible{outline:3px solid #EE7965;outline-offset:4px}
#lootus-gallery-viewer{position:fixed;inset:0;margin:auto;max-width:min(1100px,94vw);max-height:94dvh;width:fit-content;height:fit-content;border:1px solid #3EB9C2;padding:18px;background:#003B56;color:#FFFEFF;z-index:100000}
#lootus-gallery-viewer::backdrop{background:#003B56cc}
#lootus-gallery-viewer img{display:block;max-width:100%;max-height:74dvh;object-fit:contain;margin:auto}
#lootus-gallery-viewer p{font:400 17px/1.5 'Futura BT',Futura,sans-serif;color:#FFFEFF;margin:14px 48px 0 0;padding:0}
#lootus-gallery-viewer .close{position:absolute;right:16px;bottom:14px;background:#003B56;color:#FFFEFF;border:1px solid #3EB9C2;font:24px/1.4 Arial,sans-serif;padding:2px 12px;cursor:pointer}
#lootus-gallery-viewer .close:focus-visible{outline:2px solid #FFFEFF;outline-offset:3px}
@media(max-width:980px){body.page-id-45 #et-boc#et-boc .lootus-gallery-row{width:calc(100% - 40px)!important}#lootus-conception-gallery .gallery-a{gap:30px 24px}#lootus-conception-gallery .more{margin-left:0}#lootus-conception-gallery .photo.thumb{width:80px}}
@media(max-width:600px){body.page-id-45 #et-boc#et-boc .lootus-gallery-section{padding:36px 0!important}#lootus-conception-gallery .gallery-a{grid-template-columns:1fr;gap:32px}#lootus-conception-gallery .step-copy{grid-template-columns:38px 1fr;gap:10px}#lootus-conception-gallery .step-copy h3{font-size:24px!important}#lootus-conception-gallery .gallery-lead{font-size:17px}}