@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=DM+Sans:wght@400;500;600;700&display=swap');@view-transition {navigation:auto;}@font-face{font-family:'LED';src:url('../fonts/led.otf') format('opentype');font-weight:normal;font-style:normal;}@font-face{font-family:'Montserrat';src:url('../fonts/montserrat.regular.ttf') format('truetype');font-weight:normal;font-style:normal;}@font-face {font-family: 'Segoe UI';src: url('../fonts/SegoeUI.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face{font-family:'Impact';src:url('../fonts/IMPACT.TTF') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'Square';src:url('../fonts/square_721_bold_extended_bt.ttf') format('truetype');font-weight:normal;font-style:normal;}@font-face {font-family: 'Autography';src: url('../fonts/Autography.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Spinner';src: url('../fonts/segoe_slboot.ttf') format('truetype');font-weight: normal;font-style: normal;}ul.simple-pagination {list-style: none;}.page-link:focus { box-shadow:none;}.simple-pagination {display: block;overflow: hidden;}.simple-pagination ul {list-style: none;padding: 0;margin: 0;}.simple-pagination li {list-style: none;padding: 0;margin: 0;float: left;}span.ellipse.clickable {cursor: pointer;}.ellipse input {width: 3em;}.compact-theme span {cursor:pointer;}.compact-theme a, .compact-theme span {float: left;color: #333;font-size:14px;line-height:24px;font-weight: normal;text-align: center;border: 1px solid #AAA;border-left: none;min-width: 14px;padding: 0 7px;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);background: #efefef; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); background: linear-gradient(top, #ffffff 0%,#efefef 100%); }.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {text-decoration: none;background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); }.compact-theme li:first-child a, .compact-theme li:first-child span {border-left: 1px solid #AAA;border-radius: 3px 0 0 3px;}.compact-theme li:last-child a, .compact-theme li:last-child span {border-radius: 0 3px 3px 0;}.compact-theme .current {background: #bbbbbb; background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); cursor: default;}.compact-theme .ellipse {background: #EAEAEA;padding: 0 10px;cursor: default;}.light-theme span {cursor:pointer;}.light-theme a, .light-theme span {float: left;color: #4787c6;font-size:14px;line-height:24px;font-weight: normal;text-align: center;border: 1px solid #BBB;min-width: 14px;padding: 0 7px;margin: 0 5px 0 0;border-radius: 3px;box-shadow: 0 1px 2px rgba(0,0,0,0.2);background: #efefef; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); background: linear-gradient(top, #ffffff 0%,#efefef 100%); }.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {text-decoration: none;background: #FCFCFC;}.light-theme .current {background: #666;color: #FFF;border-color: #444;box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;cursor: default;}.light-theme .ellipse {background: none;border: none;border-radius: 0;box-shadow: none;font-weight: bold;cursor: default;}.dark-theme span {cursor:pointer;}.dark-theme a, .dark-theme span {float: left;color: #CCC;font-size:14px;line-height:24px;font-weight: normal;text-align: center;border: 1px solid #222;min-width: 14px;padding: 0 7px;margin: 0 5px 0 0;border-radius: 3px;box-shadow: 0 1px 2px rgba(0,0,0,0.2);background: #555; background: -moz-linear-gradient(top, #555 0%, #333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); background: -webkit-linear-gradient(top, #555 0%,#333 100%); background: -o-linear-gradient(top, #555 0%,#333 100%); background: -ms-linear-gradient(top, #555 0%,#333 100%); background: linear-gradient(top, #555 0%,#333 100%); cursor: pointer; }.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {text-decoration: none;background: #444;}.dark-theme .current {background: #222;color: #FFF;border-color: #000;box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;cursor: default;}.dark-theme .ellipse {background: none;border: none;border-radius: 0;box-shadow: none;font-weight: bold;cursor: default;}.simple-pagination .disabled {color:#AAA !important;pointer-events:none;}.simple-pagination .disabled span {color:#AAA !important;pointer-events:none;}.simple-pagination .active span {pointer-events:none;color:#FFF !important;background-color: #4878C6 !important;background: #4878C6 !important;font-weight:bold;}::view-transition-group(root){animation-duration: 1s;animation-timing-function: ease;}:root {--ink:#08090b;--panel:#101217;--line:#272a31;--white:#f5f2eb;--muted:#a6a8ae;--c:#00bce7;--m:#ec168c;--y:#ffd21f;--rcol:var(--c);--lcol: oklch(from var(--c) calc(l + 0.15) c h);--dcol: oklch(from var(--c) calc(l - 0.15) c h);--vdcol: oklch(from var(--c) calc(l - 0.3) c h);--rpcol:255,255,255; --primary-accent: var(--m);--card-bg: #242424;--card-border: #333333;--text-main: #f5f5f5;--text-muted: #a0a0a0;}* {box-sizing:border-box;transition-behavior: allow-discrete;}html {scroll-behavior:smooth;}body {margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',Arial,sans-serif;overflow-x: clip;font-size: 16px;}body.noscroll {overflow:hidden;}a {color:inherit;text-decoration:none;}.nav-shell {height: 82px;padding: 0 5vw;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ffffff17;position: sticky;z-index: 9999999999999999999999999;width: 100%;top: 0;background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(3px);}.disabled {pointer-events: none;opacity: 0.4;filter: brightness(0.4) saturate(0);}@keyframes spin {0%{transform: rotate(0deg);}50%{transform: rotate(180deg);}100%{transform: rotate(360deg);}}.wordmark {font:700 18px 'Barlow Condensed';letter-spacing:.14em;display:flex;align-items:center;gap:10px;}.wordmark span {font-size:26px;font-style:italic;color:var(--c);}.progress-bar{width: calc(100% - 30px);height: 20px;background-color: #f3f3f3;border: 1px solid #ccc;border-radius: 5px;overflow: hidden;position: absolute;margin-top: 10px;z-index: 9999;}.progress-bar-inner {height: 100%;width: 0%;background-color: #4caf50; transition: width 0.4s ease;border-radius: 5px 0 0 5px; }nav {display:flex;gap:34px;font-size:13px;height: fit-content;}h1.hiddenH1 {opacity: 0;position: fixed;top: -10000px;font-size: 1px;color: transparent;}h1:not(.hero h1){display: flex;align-items: center;justify-content: center; width: 100%;margin: 0 0 2rem 0; gap: 1.5rem; }h1:not(.hero h1)::before,h1:not(.hero h1)::after {content: "";flex-grow: 1; max-width: 100px; height: 2px;background-color: #ffffff;}h1:not(.hero h1) span {background: linear-gradient(to right, var(--c) 0%, var(--c) 30%,var(--m) 35%,var(--m) 65%,var(--y) 70%,var(--y) 100%);-webkit-background-clip: text;background-clip: text;color: transparent; font:800 clamp(55px,6vw,112px)/.82 'Barlow Condensed';font-size: clamp(52px,5.6vw,82px); font-weight: bold;text-align: center;white-space: nowrap; letter-spacing: -.035em;text-transform: uppercase;}h3 {color: var(--c);background:linear-gradient(transparent 88%, hsl(from var(--c) h s l / 0.1));padding: 3px 10px;border-radius: 12px;}p.quote {padding-left:20px;position:relative;}p.quote:before {content:open-quote;position:absolute;top:0;left:0;font-size: 2rem;color:#DDD;font-family: "Times New Roman", Times, serif;font-weight:bold;}p.quote:after {content:close-quote;position:absolute;bottom:0;right:0;font-size:1px;color:transparent;font-family: "Times New Roman", Times, serif;font-weight:bold;}::-webkit-scrollbar {width: 12px;margin-right: 2px;cursor: pointer;position:absolute;border-radius: 10px;}::-webkit-scrollbar-thumb {background-color: var(--rcol);background: linear-gradient(90deg, var(--rcol), var(--lcol));border-radius: 6px;cursor: pointer;box-shadow: -1px 2px 4px rgb(0 0 0 / 40%), inset -1px 2px 2px rgb(255 255 255 / 40%);}::-webkit-scrollbar-thumb:hover {background-color: var(--dcol);background: linear-gradient(90deg, var(--dcol), var(--rcol));}::-webkit-scrollbar-track {background-color: #EEE;background: linear-gradient(#cbcbcb, #fff);cursor: pointer;border-radius: 10px;}::-webkit-scrollbar-track:hover {background-color: #CCC;background: linear-gradient(#AbAbAb, #DDD);cursor: pointer;}.spinner {position: absolute;height: 40px;width: 40px;left: 50%;top: 50%;margin: -20px 0 0 -20px;border: 3px transparent solid;border-top: 3px #5082E7 solid;border-radius: 20px;z-index:9999999999999999999999999;animation: spin 1000ms infinite linear;}.spinnerdiv {position:absolute;display:inline-block;width:0px;height:0px;float:left;}.spinner2 {position: absolute;height: 40px;width: 40px;left: 50%;top: 50%;margin: -20px 0 0 -20px;border-radius: 20px;z-index:9999999999999999999999999;text-shadow: 0 0 5px #000, 0 0 10px #000;font-family: 'Spinner';font-size: 2rem;;color: #FFF;}.phpbox {position: fixed !important;z-index: 9999999999999 !important;width: 50% !important;height: 70% !important;left: 25% !important;top: 15% !important;background-color: rgba(2558, 255, 255, 0.8) !important;box-shadow: 0 0 15px #000, 0 0 1px 1000px rgb(0 0 0 / 50%) !important;color: #000 !important;padding: 15px !important;overflow-x: hidden !important;overflow-y: auto !important;backdrop-filter: blur(5px) !important;border: 4px solid #dbdbdb !important;border-radius: 7px !important;text-align:left !important;font-size: 1rem !important;}.closephp, .closeadvert {position: absolute;right: 0;top: -20px;color: #FFF;text-shadow: 0 0 2px #000, 0 0 5px #000;font-weight: bold;transform: rotate(45deg);font-size: 44px;cursor: pointer;z-index: 9;}.closephp:hover, .closeadvert {color:#900;}.closer, .mapcloser, .officePoscloser {position:fixed;top:10px;right:10px;width:60px;height:60px;cursor:pointer;filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));z-index: 9999999999999999999999999;}.minicloser.closer {position: absolute;transform: scale(0.5);top: 0;right: 0;}summary {list-style: none;cursor: pointer;position: relative;padding-left: 1.2em;}summary::before {content: "▶";position: absolute;left: 0;transition: transform 0.2s ease;}details[open] summary::before {transform: rotate(90deg);}.sideMenu summary {margin: 20px 0;color: #999;border-bottom: 1px solid #BBB;font-weight: bold;font-size: 1.5rem;}.noselect, .num-up, .num-down {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; }input[type="checkbox"], input[type="checkbox"] + label, input[type="radio"], input[type="radio"] + label {cursor:pointer;}input[type="checkbox"] + label:hover, input[type="checkbox"]:hover + label, input[type="radio"]:hover + label, input[type="radio"] + label:hover {color: var(--m);}#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {box-shadow: 0 0 60px rgba(0, 0, 0, 0.7);border-radius: 11px;background-color: rgba(135, 85, 85, 0.2);color: #FFF;padding: 10px;z-index: 99999999999999 !important;backdrop-filter: blur(2px);border: 1px solid rgba(255, 255, 255, 0.4);display: none;}#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all .ui-datepicker-header {background-color: #777;border: none;text-align: center;border-radius: 5px;padding: 5px;}.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 8px;margin: 0 7px;cursor:pointer;}.ui-datepicker {}.ui-datepicker-calendar {text-align: center;}.ui-datepicker-calendar td a {width: 100%;display: block;border-radius: 10px;}.ui-datepicker-calendar td.ui-datepicker-current-day a {background-color: var(--y);}.ui-datepicker-calendar td.ui-datepicker-today a {background-color: var(--m);}.ui-datepicker-calendar td:hover a {background-color: var(--c);}nav a {color: #d7d7d8;display: flex;height: 85px;align-items: center;justify-content: center;}nav a:nth-last-of-type(3n+1):hover {color: var(--c);}nav a:nth-last-of-type(3n+2):hover {color: var(--m);}nav a:nth-last-of-type(3n):hover {color: var(--y);}.nav-cta,.button.primary {background-color:var(--white);color:#0a0b0e;padding:13px 18px;font-size:13px;font-weight:700;border-radius: 7px;display: inline-grid;place-items: center;transition: 300ms ease;}.nav-cta:hover, .button.primary:hover {background-color: var(--c);color: #FFF;}.nav-cta span,.button span {margin-left:10px;display: contents;}nav .mobileLink {display: none;}nav .mobileNav {display: none;}.nav-button {display: none;}.hero {min-height:790px;display:grid;grid-template-columns:49% 51%;align-items:center;position:relative;overflow:hidden;padding:110px 5vw 35px;translate: 0 -75px;}.hero:before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090b 0 45%,#08090bdc 58%,transparent 77%),radial-gradient(circle at 72% 48%,#26303b 0,transparent 48%);}.hero-copy {position:relative;z-index:3;max-width:720px;}.eyebrow {text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:700;color:#c8c9cc;}.eyebrow i {display:inline-block;width:28px;height:3px;background:linear-gradient(90deg,var(--c),var(--m),var(--y));margin-right:10px;vertical-align:middle;}.eyebrow.h1heyebrow {position: absolute;}.hero h1,.section h2,.about h2,.contact h2 {font:800 clamp(55px,6vw,112px)/.82 'Barlow Condensed';letter-spacing:-.035em;text-transform:uppercase;margin:30px 0;}.hero h1 em {font-style: italic;color: rgba(0, 0, 0, 0.7);-webkit-text-stroke: 1px var(--white);position: relative;font: 800 clamp(78px, 7vw, 133px) / .82 'Barlow Condensed';transform: rotate(-4deg) scale(1.3) translateX(56px);display: inline-block;z-index: 9;padding-bottom: 21px;}.hero h1 em:after {content:"";position:absolute;left:1%;right:-2%;bottom:7%;height:7px;background:linear-gradient(90deg,var(--c) 0 34%,var(--m) 34% 68%,var(--y) 68%);transform:skew(-18deg);}.hero-lede {max-width:600px;color:#bdc0c5;font-size:18px;line-height:1.7;}.hero-actions {display:flex;gap:12px;margin:34px 0 58px;}.button {padding:16px 20px;font-size:13px;}.button.ghost {border:1px solid #4d5057;background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(3px);border-radius: 7px;display: inline-grid;place-items: center;transition: 300ms ease;}.button.ghost:hover {background-color: rgba(100, 0, 100, 0.7);}.trust-row {display:flex;align-items:center;gap:16px;font:700 10px 'DM Sans';letter-spacing:.12em;color:#81848b;}.trust-row b {color:var(--m);}.hero-art {position:absolute;z-index:2;right:-2vw;top:85px;width:58vw;height:680px;display:flex;align-items:center;justify-content:center;}.hero-art img {width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 70px #000);}.registration-mark {position:absolute;font-size:28px;color:#ffffff55;}.registration-mark.top {right:12%;top:8%;}.registration-mark.bottom {left:21%;bottom:7%;}.ink-orb {position:absolute;border-radius:50%;filter:blur(80px);opacity:.16;}.ink-orb.cyan {width:320px;height:320px;background:var(--c);right:54%;top:18%;}.ink-orb.magenta {width:240px;height:240px;background:var(--m);right:46%;top:8%;}.ink-orb.yellow {width:270px;height:270px;background:var(--y);right:38%;bottom:31%;}.marquee {overflow:hidden;background:var(--y);color:#090a0c;padding:15px 0;transform:rotate(-3deg);width:101%;margin-left:-.5%;}.marquee div {font:800 24px 'Barlow Condensed';letter-spacing:.08em;white-space:nowrap;}.marquee i {font-style:normal;margin:0 25px;}.section {padding:120px 5vw;}.section-intro {display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:end;margin-bottom:65px;}.section h2,.about h2,.contact h2 {font-size:clamp(52px,5.6vw,82px);margin:0;}.section h2 span,.about h2 span,.contact h2 span {color:#81848a;}.section-intro>p:last-child {color:var(--muted);line-height:1.7;font-size:14px;}.h1p {position: absolute;color:var(--muted);line-height:1.7;font-size:14px;right: 30px;top: 0;width: 269px;text-align: right;}.service-grid {display: flex;flex-wrap: wrap;gap: 2rem;margin: 2rem 0;}.service-card {flex: 1 1 320px; min-height: 320px;padding: 30px;background-color: var(--card-bg);border-right: 1px solid var(--line);border-bottom: 1px solid var(--line);border: 1px solid var(--card-border);border-radius: 8px;transition: .25s;overflow: hidden;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);z-index: 2;max-width: calc(100vw - 40px);}.service-card:hover {transform:translateY(-5px);border: 1px solid var(--m);}.service-top {display:flex;justify-content:space-between;color:#6f7279;font:700 11px 'DM Sans';letter-spacing:.14em;}.service-top small {border:1px solid #35383f;padding:5px 8px;}.service-card h3 {font:700 30px 'Barlow Condensed';text-transform:uppercase;margin-top:60px;}.service-card p:not(.contact-details p) {color:var(--muted);font-size:14px;line-height:1.65;max-width:400px;}.service-card a:not(.contact-details a) {display:block;margin-top:24px;font-size:12px;font-weight:700;}.service-card a span {float:right;color:var(--c);}.about {display:grid;grid-template-columns:1fr 1fr;background:#eeeae2;color:#111319;}.about-panel {padding:100px 7vw;}.about-panel.visual {min-height:760px;background:#111319;position:relative;overflow:hidden;color:white;display:flex;align-items:flex-end;}.about-panel.visual:before {content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:conic-gradient(var(--c) 0 25%,var(--m) 25% 50%,var(--y) 50% 75%,#181818 75%);filter:blur(20px);top:80px;left:50%;transform:translateX(-50%);}.lyingMascot {position: absolute;max-width: 100%;width: 327px;left: 50%;translate: -50% -83px;posnter-events: none;}.phoneMascot {position: absolute;max-width: 100%;height: 74vh;right: 15px;translate: 0 -84%;z-index: 1;posnter-events: none;}.sittingMascot {position: absolute;max-width: 100%;width: 124px;left: 50%;translate: -50% -142px;posnter-events: none;}.cmyk-stack {position:absolute;top:190px;left:50%;transform:translateX(-50%);display:flex;mix-blend-mode:screen;}.cmyk-stack span {font: 800 200px 'Barlow Condensed';margin-left: -20px;}.cmyk-stack span:nth-child(1) {color:var(--c);}.cmyk-stack span:nth-child(2) {color:var(--m);}.cmyk-stack span:nth-child(3) {color:var(--y);}.cmyk-stack span:nth-child(4) {color:#ddd;}.about-panel.visual p {position:absolute;font:700 32px 'Barlow Condensed';text-transform:uppercase;bottom: 40%;}.about .eyebrow {color:#545860;}.about .copy>p:nth-of-type(2) {color:#60636a;line-height:1.75;}.about ul {list-style:none;padding:20px 0 0;}.about li {display:grid;grid-template-columns:45px 1fr;gap:20px;padding:21px 0;border-top:1px solid #c7c5c0;}.about li b {color:var(--m);font-size:11px;}.about li strong,.about li span {display:block;}.about li strong {font:700 20px 'Barlow Condensed';text-transform:uppercase;margin-bottom:6px;}.about li span {color:#61646a;font-size:13px;}.about li span strong {color:#111319;}.process .section-intro {grid-template-columns:1fr 3fr;}.steps {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);}.steps article {background:var(--ink);padding:44px;}.steps b {font:800 70px 'Barlow Condensed';color:#25282e;}.steps article:nth-child(2) b {color:#51253c;}.steps article:nth-child(3) b {color:#4a4620;}.steps h3 {font:700 26px 'Barlow Condensed';text-transform:uppercase;}.steps p {color:var(--muted);line-height:1.7;font-size:14px;}.contact {padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:radial-gradient(circle at 4% 100%,#083d4c 0,transparent 28%),radial-gradient(circle at 52% 0,#45142f 0,transparent 28%),#0d0f13;}.contact-copy>p:nth-of-type(2) {color:var(--muted);max-width:550px;line-height:1.7;}.location {margin-top:50px;border-left:3px solid var(--c);padding-left:18px;}.location * {display:block;}.location small {font-size:9px;letter-spacing:.2em;color:#777b82;}.location strong {margin:6px 0;}.location span {font-size:12px;color:#888b91;}.quote-form {background:#f0ede6;color:#111319;padding:38px;border-radius: 7px;}.field-row {display:grid;grid-template-columns:1fr 1fr;gap:18px;}.quote-form label {display:block;font:700 10px 'DM Sans';letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;}.quote-form input, .quote-form select, .quote-form textarea {width: 100%;border: 0;border-bottom: 1px solid #bbb8b2;background: transparent;padding: 12px 5px;font: 400 14px 'DM Sans';outline: none;margin-top: 5px;color: #191b20;border-radius: 7px;}.quote-form input:hover,.quote-form select:hover,.quote-form textarea:hover,.quote-form input:active,.quote-form select:active,.quote-form textarea:active,.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus {background:#FFF;}.quote-form select:active, .quote-form select:focus {border-radius: 7px 7px 0 0;}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus {border-color:var(--m);}.quote-form button, .buttonDownload {width:calc(100% - 170px);border:0;background:#111319;color:white;padding:17px;text-align:left;font-weight:700;cursor:pointer;border-radius: 7px;display: inline-grid;place-items: center;}.putCaptchaHere {position: relative;display: inline-block;width:165px; translate: 0 20px;}.quote-form button:hover, .buttonDownload:hover {background: linear-gradient(14deg, black, #034);}.quote-form button span {float:right;display: contents;}.form-status {font-size:11px;color:#74767b;text-align:center;margin:14px 0 0;}.form-status.success {color:#08746d;}.form-status.error {color:#b31c54;}footer {align-items:center;justify-content:space-between;padding:36px 5vw;border-top:1px solid var(--line);color:#8d9097;}footer p {font:700 12px 'DM Sans';letter-spacing:.14em;text-transform:uppercase;}footer small {font-size:10px;}.captchaSpin {cursor:pointer;font-weight:bold;height:40px;line-height:30px;}.captchaSpin div {width:30px;height:30px;border:1px solid #CCC;display:inline-block;margin-right:13px;float: left;border-radius:5px;box-shadow: 0 0 3px rgba(0,0,0,0.2);transition:all 300ms ease;background-color: #FFF;cursor:pointer;}.captchaSpin div.clicked {border:4px solid !important;border-top-color:var(--rcol) !important;border-right-color:var(--rcol) !important;border-left-color:transparent !important;border-bottom-color:transparent !important;border-radius:30px;cursor:pointer;}.checkUser {width:69% !important;margin-right:1%;float: left;}.userchecker {width: 30%;height: 35px;border-radius:5px;border:1px solid #888;float: left;text-align:center;line-height:35px;}.captchaSpin div.clicked.spin {animation: spin 1000ms infinite linear;}.captchaSpin:hover div {border:1px solid #666;}.captchaSpin span {height:30px;display:inline-block;float: left;cursor:pointer;}.check {stroke-dasharray: 130px 130px;stroke-dashoffset: 122px;-webkit-transition: all 4.1s linear;transition: all 500ms ease-in-out;}.captchaChecked {pointer-events:none;}#hiddenCaptcha {display:none;}.forminput {position: relative;width: 100%;padding: 0;margin: 0;margin-bottom: 15px;}.forminput input[type="text"], .forminput input[type="number"], .forminput input[type="email"], .forminput input[type="password"], .forminput input[type="number"],.forminput input[type="date"],.forminput select {width: 100%;height: 30px;border: 0;border-bottom: 1px solid #bbb8b2;background: rgba(255,255,255,0.05);padding: 12px 5px;font: 400 14px 'DM Sans';outline: none;margin-top: 5px;border-radius: 7px;color: inherit;.clientForm & {height:50px;} }textarea {width: 100%;border: 0;border-bottom: 1px solid #bbb8b2;background: rgba(255,255,255,0.05);padding: 12px 5px;font: 400 14px 'DM Sans';outline: none;margin-top: 5px;border-radius: 7px;color: inherit;field-sizing:content;min-height: 5lh;max-height: 10lh;}.forminput select {padding: 0;}.forminput input[type="text"]:hover, .forminput input[type="number"]:hover, .forminput input[type="email"]:hover, .forminput input[type="password"]:hover, .forminput input[type="number"]:hover,.forminput input[type="date"]:hover,textarea:hover,.forminput select:hover{background: rgba(255,255,255,0.2);box-shadow: inset -4px 6px 15px rgba(0, 0, 0, 0.4);}.forminput input[type="text"]:active, .forminput input[type="number"]:active, .forminput input[type="email"]:active, .forminput input[type="password"]:active, .forminput input[type="number"]:active,.forminput input[type="text"]:focus, .forminput input[type="number"]:focus, .forminput input[type="email"]:focus, .forminput input[type="password"]:focus, .forminput input[type="number"]:focus,.forminput input[type="date"]:focus,.forminput input[type="date"]:active,textarea:focus,.forminput select:active ,.forminput select:focus {border-bottom: 1px solid var(--m);background: rgba(255,255,255,1);color: #000;box-shadow: inset -4px 6px 15px rgba(0, 0, 0, 0.4);}input[type="submit"].ripple {border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;cursor: pointer;padding: 15px;margin: 5px 0 0 0;color: #FFF;box-shadow: inset 0 0 23px rgba(236, 22, 140, 0.4), inset 0 0 100px 0 rgba(236, 22, 140, 0.2);}.main {padding: 50px 0;background: radial-gradient(rgba(182, 255, 255, 0.1), transparent);}main {position: relative;}main .bottomspacer {width: 100%;height: 1px;position: sticky;left: 0;right: 0;top: calc(100vh - 100px);pointer-events: none;z-index: 99999;}main .bottomspacer:before {content: '';position: absolute;left: 0;right: 0;bottom: -100px;height: 3px;background: linear-gradient(90deg, var(--c) 0%, var(--c) 20%, var(--m) 50%, var(--y) 80%, var(--y) 100%);z-index: 1;}.loginpanel {width: 400px;background-color: rgba(255, 255, 255, 0.2);padding: 50px;border-radius: 15px;margin: 50px auto;border: 1px solid #FFF;box-shadow: 0 0 46px 10px #000;white-space: nowrap;}button {width: 100%;border: 0;background: var(--c);color: white;padding: 17px;font-weight: 700;cursor: pointer;border-radius: 7px;display: block;place-items: center;text-align: center;transition: 300ms ease;}buttonHover {background: var(--m);}.clientPage {display: flex;gap:5px;position: relative;padding: 15px;}.leftPanel {width: 300px;border-radius: 10px;background-color: rgba(0, 0, 0, 0.7);padding: 5px;position: relative;}.rightPanel {width: calc(100% - 305px);border:1px solid rgba(255,255,255,0.1);border-radius: 10px;padding: 15px;}.forminput input[type="text"].searchPanel {width: calc(100% - 105px);}.forminput select.searchType {width: 100px;display: inline-block;overflow: hidden;text-overflow: ellipsis;}.forminput label {position: absolute;top: -12px;height: 20px;text-align: center;left: 50%;translate: -50% 0;width: auto;backdrop-filter: blur(5px);font-size: 10px;padding: 2px 6px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 6px;display: flex;align-items: center;justify-content: center;}.forminput label:before, .forminput label:after {height: 1px;width: 35px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);top: 50%;content: '';display: block;position: absolute;}.forminput label:before {left: -35px;}.forminput label:after {right: -35px;}button.letter-btn {width: auto;display: inline-block;border: 1px solid #FFF2;margin: 1px;padding: 3px 3.5px;background-color: #FFF3;}button.letter-btn.active {background-color: var(--c);}.paginateDiv {margin-top:15px;}.paginateDiv a, .paginateDivspan {cursor: pointer;}@property --hovW {syntax: '<color>';initial-value: rgba(255, 255, 255, 0); inherits: false;}@property --hovL {syntax: '<length>'; initial-value: 0px;inherits: false;}@property --hovT {syntax: '<length>';initial-value: 0px;inherits: false;}@property --hovP {syntax: '<percentage>';initial-value: 0%; inherits: false;}.ripple {transition: --hovW 200ms ease,--hovP 500ms ease-out;background: radial-gradient(circle at var(--hovL) var(--hovT), var(--hovW) var(--hovP), transparent var(--hovP));}.clientSelect, .reportSelect, .financeSelect {border:1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;cursor: pointer;padding: 15px;margin: 5px 0 0 0;}.clientSelect:nth-of-type(3n + 1), .reportSelect:nth-of-type(3n + 1), .financeSelect:nth-of-type(3n + 1) {--rpcol: 0, 255, 255;}.clientSelect:nth-of-type(3n + 2), .reportSelect:nth-of-type(3n + 2), .financeSelect:nth-of-type(3n + 2) {--rpcol: 255, 0, 255;}.clientSelect:nth-of-type(3n), .reportSelect:nth-of-type(3n), .financeSelect :nth-of-type(3n){--rpcol: 255, 240, 0;}.leftExpand {background-color: var(--vdcol);color: #FFF;padding: 5px;border-radius: 5px;text-align: center;cursor: pointer;transition: ease 300ms;margin: 5px 0;} .leftExpand:hover {background-color: var(--c);} .leftExpand.current {background-color: #FFF;color: var(--m);}.LeftAccordian {display: none;padding: 21px 0;}.flexContainer {display: flex;gap:10px;}.twocol, .threecol {flex-wrap: wrap;}.twocol > div {flex-grow: 1;padding: 15px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px;margin: 10px 0;background: linear-gradient(205deg, rgba(155, 155, 255, 0.1), transparent);width: calc(50% - 20px);}.threecol > div {flex-grow: 1;padding: 15px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px;margin: 10px 0;background: linear-gradient(205deg, rgba(155, 155, 255, 0.1), transparent);width: calc(33% - 20px);}.twocol > div .forminput label , .threecol > div .forminput label{top: -6px;}.twocol > div.forminput select, .threecol > div.forminput select {padding: 0;background: transparent;border-bottom: none;}.twocol > div.forminput select:focus, .threecol > div.forminput select:focus {color: var(--c);}.twocol > div.forminput select:focus option, .threecol > div.forminput select:focus option {color: #666;}.onecol > div {padding: 15px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px;margin: 10px 0;background: linear-gradient(205deg, rgba(155, 155, 255, 0.1), transparent);}.client-h2 {color: var(--y);padding: 10px;border-radius: 10px;text-align: center;font-size: 2rem;}.client-h2[contenteditable="plaintext-only"] {color: #FFF;background: rgba(255, 255, 255, 0.05);border-bottom: 1px solid #FFF;}.client-h2[contenteditable="plaintext-only"]:hover {background: rgba(255, 255, 255, 0.2);border-bottom: 1px solid #FFF;}.client-h2[contenteditable="plaintext-only"]:focus, .client-h2[contenteditable="plaintext-only"]:active {color: #000;background: #FFF;border-bottom: 1px solid var(--m);}.clientForm h3 {padding: 15px 10px;text-align: center;margin: 0 0 15px 0;font-size: 25px;}.clientOptions {width: 195px;display: none;}.sticktotop {position: sticky;top: 83px;}.clientOptions .icon {font-size: 2rem;padding: 5px;margin: 5px;transition: all ease 200ms;border-radius: 10px;position: relative;cursor: pointer;}.icon:after {content: attr(data-text);position: absolute;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background-color: #FFE;color: #555;display: block;padding: 5px;border-radius: 5px;pointer-events: none;opacity: 0;font-family: 'Segoe UI';transition: all ease 200ms;z-index: 99999999999;top: 100%; right: 0;margin-top: 5px;font-size: 1rem;white-space: nowrap;text-align: left;}.clientOptions .icon.selected {background-color: var(--c);}.clientintro .icon {display: inline-block;cursor: pointer;padding-top: 15px;width: 110px;height: 80px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;margin: 10px;position: relative;}.clientintro .icon:before {font-size: 2rem;clear: right;}.clientintro .icon span {display: block;clear: left;}.clientOptions .icon:hover, .clientOptions .icon.selected:hover, .clientintro .icon:hover {background-color: var(--m);}.icon:hover:after {opacity: 1;}.rightinset {display: block;width: calc(100% - 200px);overflow-x: clip;overflow-y: visible;}.clientForm, .quotesForm, .invoicesForm {display: none;width: 100%;}.clientintro {display: block;width: calc(100% + 200px);text-align: center;}.custom-select-wrapper {position: relative;width: 100%;margin-top: 5px;font-family: 'DM Sans', sans-serif;margin-bottom: 0;}.custom-select-trigger {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 30px;border: 0;border-bottom: 1px solid #bbb8b2;background: rgba(255,255,255,0.05);padding: 12px 5px;font-size: 14px;font-weight: 400;border-radius: 7px;color: inherit;cursor: pointer;transition: background 0.2s ease, border-color 0.2s ease;}.clientForm .custom-select-trigger {height: 50px;}.custom-select-trigger:hover {background: rgba(255,255,255,0.2);}.custom-select-trigger.active {border-bottom: 1px solid var(--m); background: rgba(255,255,255,1);color: #000;}.trigger-content {display: flex;align-items: center;background-position: left center;background-size: 20px 20px;background-repeat: no-repeat;height: 100%;}.custom-select-options {position: absolute;backdrop-filter: blur(2px);top: 100%;left: 0;right: 0;background: rgba(0, 0, 0, 0.6);color: #ffffff;border-radius: 7px;margin: 4px 0 0 0;padding: 0;list-style: none;display: none;z-index: 9999999;box-shadow: 0 0 12px #000, 0 0 12px #000;border: 1px solid rgba(255, 255, 255, 0.3);}.custom-select-options li {padding: 10px 15px 10px 35px; background-position: 10px center;background-size: 20px 20px;background-repeat: no-repeat;cursor: pointer;min-height: 44px; display: flex;align-items: center;transition: background-color 0.2s;}.custom-select-options li:hover {background-color:rgba(255,255,255,0.3);}.dualRadios {display: flex;gap: 30px; align-items: center;width: 40%;padding-left: 100px !important;min-width: 280px;position: relative;}.dualRadios:before {position: absolute;left: 0;border-right: 1px solid rgba(255, 255, 255, 0.1);content: attr(data-title);display: block;width: 70px;padding-left: 10px;}.dualRadios input[type="radio"] {display: none;}.dualRadios label {display: flex;align-items: center;gap: 12px; color: #bbb8b2; font-family: 'DM Sans', sans-serif;font-size: 15px;cursor: pointer;position: relative;transition: color 0.3s ease;}.dualRadios label::before {content: '';width: 24px;height: 24px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.05);transition: all 0.3s ease;box-sizing: border-box;}.dualRadios label::after {content: '';position: absolute;left: 6px;top: 6px;width: 13px;height: 13px;border-radius: 50%;background: linear-gradient(135deg, #4EF, #0AC); opacity: 0;transform: scale(0);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 0 10px rgba(0, 170, 204, 0.5);}.dualRadios label:hover {color: #fff;}.dualRadios label:hover::before {border-color: rgba(255, 255, 255, 0.4);background: rgba(255, 255, 255, 0.1);}.dualRadios input[type="radio"]:checked + label {color: #fff;}.dualRadios input[type="radio"]:checked + label::before {border-color: #0AC; }.dualRadios input[type="radio"]:checked + label::after {opacity: 1;transform: scale(1); }.AddClientName {display: none;position: absolute;background: #FFF;cursor: text;height: 50px;border: 0;border-bottom: 1px solid var(--m);padding: 12px 5px;font: 400 14px 'DM Sans';margin-top: 5px;border-radius: 7px;color: inherit;outline: 5px solid rgba(0,0,0,0.3);box-shadow: -2px 2px 15px rgba(0,0,0,0.3);}.AddClient {border-radius: 100%;text-align: center;width: 30px;height: 30px;cursor: pointer;color: #FFF;position: absolute;background-color: #030;font-size: 2rem;line-height: 28px;top: 47px;right: 3px;z-index: 9;}.AddClientName {display: none;position: absolute;background: #FFF;cursor: text;height: 50px;top: 76px;left: 3%;width: 93%;border: 0;border-bottom: 1px solid var(--m);padding: 12px 5px;font: 400 14px 'DM Sans';margin-top: 5px;border-radius: 7px;color: #000;font-size: 1.2rem;z-index: 8;outline: 13px solid rgba(170, 170, 170, 0.3);box-shadow: -2px 2px 31px 29px rgba(100, 0, 60, 0.7);}.AddClientName:empty:before {pointer-events: none;content:'Add New Client';color: #999;}.addNewQuote, .addNewInvoices {border-radius: 8px;background-color: var(--m);cursor: pointer;position: relative;}.addNewQuote:after, .addNewInvoices:after {content: '+';position: absolute;right: 10px;top: -10px;font-size: 3rem;}.quote-item {display: flex;justify-content: space-between;align-items: center;background-color: #2d0000; border: 1px solid #3f3f4e; border-radius: 8px;padding: 16px 20px;margin-top: 12px;color: #e0e0e0; transition: background-color 0.2s ease;}.quote.quote-item {background-color: #272727;}.quote-item.paidFor {background-color: #002d03;}.quote-item:hover {background-color: #32323e; }.quote-info {display: flex;flex-direction: column;gap: 6px;}.quote-header {display: flex;align-items: center;gap: 12px;}.quote-num {font-weight: bold;color: #64b5f6; font-size: 1.1em;}.quote-summary {font-size: 1.1em;color: #ffffff;}.quote-meta {font-size: 0.85em;color: #9e9e9e; }.quote-controls {display: flex;align-items: center;gap: 24px;}.quote-total {font-size: 1.2em;font-weight: bold;color: #81c784; }.quote-actions {display: flex;gap: 8px;}.btn {background-color: #3f3f4e;color: #ffffff;border: none;border-radius: 4px;padding: 8px 12px;font-size: 0.9em;cursor: pointer;transition: background-color 0.2s ease, transform 0.1s ease;}.btn:hover {background-color: #57576b;}.btn:active {transform: scale(0.97);}.btn-email {background-color: #2e7d32; }.btn-email:hover {background-color: #388e3c;}.btn-trello {background-color: var(--c); }.btn-trello:hover {background-color: var(--dcol);}.noentries {padding: 20px;background-color: #2a2a35;color: #ffb74d; text-align: center;border-radius: 8px;margin-top: 10px;}.invoiceitems {margin: 10px 0;}.invoiceDetails {padding: 15px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px;}.invoiceDetails .showHideDetails {width: calc(100% - 155px);cursor: pointer;padding: 15px;transition: 300ms ease;position: relative;border-radius: 5px;display: inline-block;}.invoiceOutput {width: 150px;display: inline-block;}.invoiceOutput button {width: 30%;display: inline-block;margin-left: 1%;text-align: center;padding: 12px 0;}.invoiceDetails .showHideDetails:hover {background-color: var(--dcol);}.invoiceDetails .showHideDetails:before {content: 'Show Details';}.invoiceDetails.show .showHideDetails:before {content: 'Hide Details';opacity: 0.2;}.invoiceDetails .showHideDetails:after {transform: rotate(225deg);position: absolute;content: '';border-top:2px solid #FFF;border-left:2px solid #FFF;width: 8px;height: 8px;top: 18px;right:20px;}.invoiceDetails.show .showHideDetails:after {transform: rotate(45deg);top: 22px;opacity: 0.2;}.invoiceDetails.show .showHideDetails{margin-top: 5px;}.invoiceDetails.show .showHideDetails:hover:after,.invoiceDetails.show .showHideDetails:hover:before {opacity: 1;}.detailsHidden {display: none;}.invitems {position: relative;display: flex;flex-grow: 1;color: #FFF;border-bottom: 1px solid rgba(255, 255, 255, 0.2);font-size: 1rem;border-radius: 5px 5px 0 0;}.invitemsform.important .invitems .invitem input[type="text"] {color: #F00;}.invitems:hover, .invitems:has(input:focus, textarea:focus) {background-color: rgba(205, 225, 255, 0.1);border-radius: 5px;}.invitems input[type="text"]:focus, .invitems input[type="number"]:focus {outline: none;}.invitems input[type="text"], .invitems input[type="number"] {border-bottom: none;background: transparent;width: 100%;color: #FFF;border: none;padding: 3px;font-size: 1rem;border-radius: 7px;}.invitems input[type="number"]::-webkit-outer-spin-button,.invitems input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0; }.invitems input[type="number"] {-moz-appearance: textfield;}.invitems textarea {border-bottom: none;background: transparent;field-sizing: content;min-height: 1lh;max-height: 3lh;padding: 3px;font-style: italic;}.invitems textarea:hover, .invitems input[type="text"]:hover, .invitems input[type="number"]:hover {background: rgba(255, 255, 255, 0.2);box-shadow: inset -4px 6px 15px rgba(0, 0, 0, 0.4);}.invitems textarea:focus, .invitems input[type="text"]:focus, .invitems input[type="number"]:focus{border-bottom: 1px solid var(--m);background: rgba(255, 255, 255, 1);color: #000;box-shadow: inset -4px 6px 15px rgba(0, 0, 0, 0.4);}.invcode {width: 5%;background-color: rgba(255, 255, 255, 0.03);}.invcode input, .invqty input, .invunit input, .invprice span {height: 100%;display: flex;flex-wrap: wrap;align-content: center;text-align: center;font-size: 1rem;}.invitem {width: 70%;}.invitem input[type="text"]{font-weight: bold;}.invqty {width: 5%;background-color: rgba(255, 255, 255, 0.03);}.invunit {width: 10%;position: relative;padding-left: 10px;}.invprice {width: 10%;position: relative;padding: 0 5px;background-color: rgba(255, 255, 255, 0.03);}.invunit input:before {content: 'R';}.invprice span {text-align: right;width: 100%;padding: 0;font-size: 1.2rem;font-weight: bold;height: 100%;color: var(--c);white-space: nowrap;display: block;}.invprice span:before {content: 'R';}.addQuoteItem {background-color: var(--dcol);text-align: center;font-size: 2rem;font-weight: bold;color: #FFF;cursor: pointer;padding:5px;border-radius: 5px;width: 100%;transition: ease 300ms;opacity: 0.6;}.addQuoteItem:hover {opacity: 1;}.grandTotal {font-size: 3em;color: var(--m);display: block;text-align: right;padding: 20px 0;font-weight: Bold;}.grandTotal:before {content: 'Total: ';opacity: 0.3;font-weight: normal;font-size: 2rem;color: var(--c);} .doc-container { max-width: 800px; margin: 40px auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: sans-serif;color: #333; }.doc-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #f5b800; padding-bottom: 20px; margin-bottom: 30px; }.doc-totals { width: 300px; margin-left: auto; margin-top: 20px; }.doc-totals table { width: 100%; border-collapse: collapse; }.doc-totals td { padding: 8px; text-align: right; }.action-buttons { display: flex; gap: 15px; justify-content: flex-end; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; }.btn { padding: 12px 24px; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; font-size: 14px; transition: 0.2s; }.btn-accept { background: #28a745; color: #fff; }.btn-accept:hover { background: #218838; }.btn-pay { background: #f5b800; color: #151515; }.btn-pay:hover { background: #dca000; }.btn-decline { background: #dc3545; color: #fff; }.btn-decline:hover { background: #c82333; }.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1000; justify-content: center; align-items: center; }.modal-content { background: #fff; padding: 30px; border-radius: 8px; width: 100%; max-width: 400px; color: #333;}.modal-content h3 { margin-top: 0; }.modal-content textarea { width: 100%; height: 100px; padding: 10px; margin: 15px 0; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }.duo-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width: 100%;max-width: 1200px;position: relative;margin: auto;}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 2rem;margin: 2rem 0; }.services-card {background-color: var(--card-bg);border: 1px solid var(--card-border);border-radius: 8px;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4); transition: 0.3s ease;display: flex;flex-direction: column;position: relative;}.services-card:hover {translate: 0 -5px;border-color: var(--primary-accent);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);}.service-img {width: 100%;height: 220px;object-fit: cover;background-color: #1a1a1a; border-bottom: 2px solid var(--card-border);transition: border-color 0.3s ease;}.services-card:has(.showing) {z-index: 1;}.service-content {padding: 1.5rem;flex-grow: 1;}.service-content h3 {font-size: 1.25rem;margin-bottom: 1rem;color: var(--text-main);}.error-notice {position: relative;margin: -38px 0 -107px 0;text-align: center;}.service-content ul {list-style: none;padding: 0;margin: 0;}.service-content li {position: relative;padding-left: 1.25rem;margin-bottom: 0.5rem;color: var(--text-muted);font-size: 0.95rem;}.service-content li::before {content: "■";color: var(--primary-accent);position: absolute;left: 0;font-size: 0.6rem;top: 5px;}.industries-banner { padding: 4rem 2rem;margin-top: 4rem;text-align: center;}.industries-banner h2 {margin-bottom: 2.5rem;color: var(--text-main);font-size: 2rem;}.industries-flex {display: flex;flex-wrap: wrap;justify-content: center;gap: 3rem;}.industry-item {display: flex;flex-direction: column;align-items: center;gap: 0.75rem;}.industry-icon {font-size: 2.5rem;opacity: 0.8;transition: opacity 0.3s ease;}.industry-item:hover .industry-icon {opacity: 1;}.industry-item span {color: var(--text-muted);font-weight: 600;letter-spacing: 1px;text-transform: uppercase;font-size: 0.85rem;}section.section#services {padding: 20px 5vw;}.imageReveal {animation imageReveal both;animation-timeline:view(10% 5%);}@keyframes text-appear {from {filter: saturate(0) contrast(4) brightness(0.1) blur(5px);opacity: 0;translate:0 4rem;}to {filter: none;opacity: 0;translate: 0 0;}}.autoshow {animation text-appear both;animation-timeline:view();animation-range:entry 20% cover 100vh;}@keyframes text-appear {from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translateY(0);}}.contact-wrapper {display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 408px), 1fr));gap: 30px;max-width: 1200px;margin: 0 auto;padding: 40px 20px;}.service-card h2 {margin-top: 0;margin-bottom: 20px;}.contact-details p {margin-bottom: 15px;line-height: 1.6;}.contact-details a {color: var(--c);text-decoration: none;transition: color 0.2s ease;}.contact-details a:hover {color: var(--y);}.map-container {margin-top: 20px;width: 100%;border-radius: 4px;overflow: hidden;border: 1px solid var(--card-border);}.map-container iframe {width: 100%;height: 250px;display: block;}.hp-field {display: none;position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}.gallery-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.gallery-card {position:relative;overflow:hidden;aspect-ratio:4/3;background:#15171c;color:white;border:0;padding:0;text-align:left;cursor:pointer;}.gallery-card img {width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}.gallery-card:hover img {transform:scale(1.04);}.gallery-card span {position:absolute;inset:auto 0 0;padding:34px 18px 16px;background:linear-gradient(transparent,#090a0ddd);font:700 18px 'Barlow Condensed';text-transform:uppercase;}.lightbox {position:fixed;inset:0;z-index:100;background:#050609ed;display:none;align-items:center;justify-content:center;padding:4vw;}.lightbox.open {display:flex;}.lightbox img {max-width:92vw;max-height:86vh;object-fit:contain;}.lightbox button {position: absolute;right: 24px;top: 65px;background: none;border: 0;color: white;font-size: 2rem;cursor: pointer;width: 62px;}.quote-form button:disabled {opacity:.65;cursor:wait;}.quote-item.selected{border-color: var(--y);}.custom-context-menu {display: none;position: absolute;z-index: 9999;background: rgba(20, 20, 20, 0.4);border: 1px solid #434343;box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.7);min-width: 150px;color: #FFF;backdrop-filter: blur(3px);border-radius: 9px;text-shadow: 0 0 7px #000, 0 0 4px #000;transition: 300ms ease;}.custom-context-menu ul {list-style: none;margin: 0;padding: 0;}.custom-context-menu li {padding: 8px 15px;cursor: pointer;border-radius: 8px;}.custom-context-menu li:hover {background-color:rgba(0, 0, 0, 0.6);text-shadow: 0 0 7px rgba(255,255,255,0.3);color: var(--y) !important;}.social-icons {display: flex;gap: 15px;margin-top: 15px;}.social-icons a {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.05); border: 1px solid var(--line);border-radius: 50%;color: var(--c); font-size: 18px;text-decoration: none;transition: all 0.3s ease;}.social-icons a:hover {background-color: var(--m); border-color: var(--m);color: #ffffff;transform: translateY(-4px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);}.site-footer {display: block; position: relative; background: radial-gradient(circle at bottom right, rgba(0, 188, 231, 0.04), transparent 50%),radial-gradient(circle at bottom left, rgba(236, 22, 140, 0.04), transparent 50%),var(--card-bg);border-top: none; padding: 60px 20px 20px;margin-top: 60px;font-size: 15px;z-index: 99999;}.site-footer::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--c) 0%, var(--c) 20%, var(--m) 50%, var(--y) 80%, var(--y) 100%);z-index: 1;}.footer-wrapper {display: grid;grid-template-columns: repeat(3, 1fr); gap: 40px;max-width: 1200px;margin: 0 auto;padding-bottom: 40px;}.footer-col h3 {color: var(--c); margin-bottom: 20px;font-size: 18px;padding: 0;}.footer-col p {line-height: 1.6;margin-bottom: 20px;}.footer-col ul {list-style: none;padding: 0;margin: 0;}.footer-col ul li {margin-bottom: 12px;display: flex;align-items: center;gap: 10px;}.footer-col a {color: inherit;text-decoration: none;transition: color 0.2s ease;}.footer-col a:hover {color: var(--y); }.contact-col i {color: var(--m); width: 20px;text-align: center;}.footer-bottom {max-width: 1200px;margin: 0 auto;padding-top: 20px;border-top: 1px solid var(--line);text-align: center; color: #888;}.footer-socials {margin-top: 20px;}.footer-socials a {width: 35px;height: 35px;font-size: 16px;}#scrollTopBtn {position: absolute;top: -24px; right: 5vw; width: 45px;height: 45px;background-color: var(--card-bg);border: 2px solid var(--c); color: var(--c);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); z-index: 10;}#scrollTopBtn:hover {background-color: var(--m); border-color: var(--m);color: #ffffff;transform: translateY(-5px);box-shadow: 0 5px 20px rgba(236, 22, 140, 0.4); }.serviceDescription {display: none;position: absolute;z-index: 99999999999999;background-color: #0009;border-radius: 12px;translate: -11px 0;backdrop-filter: blur(4px);padding: 12px;box-shadow: -3px -3px 20px #000D;border: 1px solid #FFF2;}.service-content .unhidenext {width: 100%;height: 35px;position: relative;cursor: pointer;border-radius: 5px;transition: ease 300ms;}.service-content .unhidenext:hover {background-color: #333;}.service-content .unhidenext:after{content: '';display: block;height: 10px;width: 10px;border-bottom:2px solid #fff;border-left:2px solid #fff;position: absolute;left: 50%;top: 15px;translate: 0 -7px;transform: rotate(-45deg);transition: ease 300ms;}.service-content .unhidenext.showing:after{transform: rotate(135deg);margin-bottom: 15px;translate: 0 0;}.service-content .unhidenext.showing{margin-bottom: 15px;}.gotoGallery {position: absolute;background-color: rgba(0, 0, 0, 0.2);border-radius: 100%;width: 45px;height: 45px;text-align: center;color: #FFF3;cursor: pointer;transition: ease 300ms;text-align: center;line-height: 38px;top: 259px;right: -10px;font-size: 3rem;backdrop-filter: blur(5px);box-shadow: 0 0 3px var(--c);}.service-content:hover .gotoGallery{box-shadow: 0 0 3px var(--m);}.service-content .gotoGallery:hover {translate: 0 -3px;box-shadow: 0 0 8px var(--m);color: #FFF;}.clientListItem, .invoiceListItem {padding: 5px;border-bottom: 1px solid #FFF3;cursor: pointer;}.clientListItem:hover, .invoiceListItem:hover {background-color: #FFF2;}.clearClient{color: red; text-decoration: none; margin-left: 10px;}.filterReport {display: grid;grid-template-columns: repeat(5, 1fr); gap: 10px;}.onoffwidget {text-align: left;width: auto;display: inline-block;padding-top: 10px;}input[type="checkbox"].toggle {display:none;}input[type="checkbox"].toggle + label {position: relative;display: inline-block;min-height: 19px;width: auto;white-space: nowrap;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;left: 0;translate: 0 0;text-align: left;top: 0;border: none;cursor: pointer;}input[type="checkbox"].toggle + label:before {position: relative;content: '';display: inline-block;height: 15px;width: 30px;background-color: #BAA;margin: 0 15px 0 2px;border-radius: 15px;box-shadow: inset -2px 2px 5px rgba(0,0,0,0.7), -2px 2px 2px #FFF;transition:background-color ease 300ms;left: -5px;top: -2px;}input[type="checkbox"].toggle + label:after {position: absolute;content: '';display: inline-block;height: 13px;width: 13px;background-color: #EEE;border-radius: 13px;box-shadow: -1px 1px 1px #000;left:-3px;top:1px;background-image: radial-gradient(farthest-corner at 70% 30%,#FFF,#AAA);transition:left ease 300ms;}input[type="checkbox"].toggle:checked + label:before {background-color: #4A3;}input[type="checkbox"].toggle:checked + label:after {left:11px;}input[type="checkbox"].toggle + label span {position: relative;translate: -14px -6px;display: inline-block;transition:all ease 300ms;}input[type="checkbox"].toggle + label span:after {content:attr(data-off);}input[type="checkbox"].toggle:checked + label span:after {content:attr(data-on);}.filterReport button.button {background-color: var(--c);display: inline-block;padding: 8px 8px;translate: 0 4px;transition: ease 300ms;}.filterReport button.button:hover {background-color: var(--m);}.reportAmount {display: inline-block;float: right;margin-left: 5px;}.statusType {opacity: 0.4;font-size: 0.8rem;position: absolute;right: 160px;}.expense-centered-layout {display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;color: #eaeaea; }.setup-box {text-align: center;padding: 30px;background: #2a2a2a; border: 1px solid #444;border-radius: 8px;box-shadow: 0 4px 15px rgba(0,0,0,0.4);}#expense-capture-view {display: flex;flex-direction: column;height: 100%;width: 100%;color: #eaeaea;}.expense-header {display: flex;justify-content: space-between;align-items: center;padding: 15px;border-bottom: 1px solid #333;}.expense-list-container {flex-grow: 1;overflow-y: auto;padding: 15px;}.expense-list-container th {border-bottom: 2px solid #555;padding-bottom: 10px;color: #ccc;font-weight: bold;}.expense-list-container td {padding: 10px 0;border-bottom: 1px solid #333;color: #fff;}.expense-form-bottom {padding: 15px;background: #1e1e1e;border-top: 1px solid #333;}#expense-capture-form {display: flex;gap: 10px;}#expense-capture-form input, #expense-capture-form select,#expense-setup-form select {padding: 10px;background: #121212; border: 1px solid #444;border-radius: 10px;color: #fff; flex: 1;color-scheme: dark; }#expense-capture-form input:focus, #expense-capture-form select:focus,#expense-setup-form select:focus {outline: none;border-color: #666;box-shadow: 0 0 5px rgba(255,255,255,0.1);}.button-small {background-color: #333;color: #fff;border: 1px solid #555;padding: 5px 10px;border-radius: 4px;cursor: pointer;}#expense-list-body tr:hover td {background-color: #FFF1; }.articles-container {color: #eaeaea;max-width: 1200px;margin: 0 auto;padding: 20px;}.back-link {color: #888;text-decoration: none;display: inline-block;margin-bottom: 20px;transition: color 0.2s ease;}.back-link:hover {color: #fff;}.article-title {margin-top: 10px;}.article-meta {color: #aaa;font-size: 0.9em;}.article-hero {width: 100%;max-height: 500px;object-fit: cover;border-radius: 8px;margin: 20px 0;}.article-content {line-height: 1.6;font-size: 1.1em;}.article-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;}.article-card {background: #1e1e1e;border: 1px solid #333;border-radius: 8px;overflow: hidden;text-decoration: none;color: #fff;display: flex;flex-direction: column;transition: transform 0.2s ease, box-shadow 0.2s ease;}.article-card:hover {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0,0,0,0.4);}.article-card-image {height: 200px;background-position: center;background-size: cover;background-repeat: no-repeat;}.article-card-content {padding: 15px;}.article-card-title {margin: 0 0 10px 0;font-size: 1.2em;}.article-card-date {margin: 0;color: #888;font-size: 0.85em;}.category-intro {color: #aaa;margin-bottom: 30px;}.category-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 15px;}.category-card {background: #2a2a2a;border: 1px solid #444;padding: 20px;border-radius: 8px;text-decoration: none;color: #fff;display: flex;justify-content: space-between;align-items: center;transition: background 0.2s ease, border-color 0.2s ease;}.category-card:hover {background: #333;border-color: #555;}.category-name {font-size: 1.1em;}.category-count {background: #111;padding: 3px 10px;border-radius: 12px;font-size: 0.8em;color: #888;}.settingsButton {position: fixed;left: 0;top: 20%;transform: translateY(-50%);background: #444;color: #fff;padding: 9px 4px;cursor: pointer;z-index: 1000;border-radius: 0 10px 10px 0;transition: 0.3s ease;writing-mode: vertical-rl;text-orientation: mixed;}.settingsButton:hover {background: #777;}.settingsPanel {position: fixed;left: -350px; top: 0;width: 350px;height: 100vh;background: linear-gradient(45deg, #222, #444);border-right: 1px solid #333;z-index: 9999999999;overflow-y: auto;transition: left 0.3s ease;box-shadow: 5px 0 15px rgba(0,0,0,0.5);padding: 20px;color: #eaeaea;}.settingsPanel .forminput {margin: 44px 0;}main {transition: width 0.3s ease, margin-left 0.3s ease;}body.admin-active .settingsPanel {left: 0; }body.admin-active .settingsButton {left: 350px; }body.admin-active main {width: calc(100vw - 350px);margin-left: 350px; height: 100vh;overflow: hidden; }.file-drop-area {position: relative;width: 100%;height: 150px;border: 2px dashed #555;border-radius: 8px;background: #1a1a1a;transition: border-color 0.2s ease, background 0.2s ease;display: flex;align-items: center;justify-content: center;overflow: hidden;}.file-drop-area.dragover {border-color: #4CAF50;background: #2a2a2a;}.file-drop-area input[type="file"] {display: none; }.file-drop-area label {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;margin: 0;color: #888;top: 0;overflow-x: hidden;overflow-y: auto;}.img-preview {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;pointer-events: none;z-index: 10;display: flex;flex-wrap: wrap;gap: 10px;padding: 10px;align-content: flex-start;}.img-preview .thumb {width: 65px;height: 65px;background-size: cover;background-position: center;border-radius: 4px;box-shadow: 0 2px 6px rgba(0,0,0,0.5);border: 1px solid #444;}.settingsPanel .trumbowyg-box {border-radius: 10px;overflow: clip;margin: 50px 0;box-shadow: 0 0 20px #000;}.settingsPanel .trumbowyg-box.trumbowyg-fullscreen {background: rgba(20, 20, 20, 0.9);backdrop-filter: blur(11px);margin: 0;}.settingsPanel .trumbowyg-editor {max-height: 400px;}.settingsPanel .forminput .trumbowyg-box + label {top: -35px;}body .trumbowyg-modal-box {background-color: rgba(50, 50, 50, 0.8);backdrop-filter: blur(7px);border-radius: 13px;box-shadow: 0 0 15px #000;}body .trumbowyg-modal-box .trumbowyg-modal-button {padding: 0;}body .trumbowyg-modal-box .trumbowyg-input-infos, body .trumbowyg-modal-box .trumbowyg-input-infos {background: none;border: none;}body .trumbowyg-modal-box .trumbowyg-input-infos label {color: var(--m);}body .trumbowyg-modal-box .trumbowyg-input-row {border: none;}body .trumbowyg-modal-box .trumbowyg-input-html input, body.trumbowyg-modal-box .trumbowyg-input-html select, body .trumbowyg-modal-box .trumbowyg-input-html textarea {border-radius: 10px;}body .trumbowyg-modal {box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.4);background-color: rgba(0, 0, 0, 0.4);}.populateInvoiceItems {position: absolute;background: #fff;border: 1px solid #ccc;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 1000;max-height: 320px;overflow-y: auto;width: 300px;color: #333;border-radius: 10px;overflow-x: clip;box-shadow: -8px 8px 15px 2px #000;display: none;}.insertOldInvoiceItem {display: grid;grid-template-columns: auto 1fr auto auto; gap: 15px;padding: 10px 15px;border-bottom: 1px solid #eee;align-items: center; cursor: pointer;}.insertOldInvoiceItem:hover {background-color: #f5f5f5;}.col-items {display: flex;flex-direction: column;}.sub-item {font-size: 0.85em;color: #666;}.col-qty, .col-unit {font-weight: bold;text-align: right;}#custom-sum {background-color: #EEE;color: #333;position: absolute;padding: 15px;border-radius: 10px;box-shadow: 0 0 15px #000, 0 0 15px 5000px #0004; display: none;}#custom-sum input, #custom-sum select {background-color: #FFF;color: #333;padding: 5px;border-radius: 7px;width: 100%;border: none;margin: 5px;}#custom-sum select {cursor: pointer;}#custom-sum > div{padding: 5px;white-space: nowrap;display: none;}#custom-sum > div input{display: inline;width: calc(50% - 4px);margin: 0;}.faq-wrapper {max-width: 800px;margin: 0 auto;padding: 2rem 1rem;font-family: sans-serif;color: #ffffff; }.faq-header {text-align: center;margin-bottom: 2rem;color: var(--c, #00ffff); }.faq-category {margin-bottom: 2.5rem;}.faq-category h3 {color: var(--y, #ffff00); border-bottom: 2px solid var(--k, #111111);padding-bottom: 0.5rem;margin-bottom: 1rem;font-size: 1.4rem;}.faq-item {margin-bottom: 1rem;background-color: #1a1a1a; border: 1px solid var(--k, #333333);border-radius: 8px;overflow: hidden;}.faq-question {width: 100%;text-align: left;padding: 1.25rem;background: transparent;border: none;color: #ffffff;font-size: 1.1rem;font-weight: 600;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: background-color 0.3s ease;}.faq-question:hover {background-color: rgba(255, 255, 255, 0.05);}.faq-question::after {content: '+';font-size: 1.5rem;font-weight: bold;color: var(--m, #ff00ff); transition: transform 0.3s ease;margin-left: 1rem;}.faq-item.active .faq-question::after {transform: rotate(45deg);}.faq-answer {overflow: hidden;background-color: #0d0d0d; padding: 1.25rem;border-top: 1px solid var(--k, #333333);display:none;}.faq-answer p {margin: 0;line-height: 1.6;color: #cccccc; }.faq-answer a{color:var(--c);}.faq-answer a:hover{color: oklch(from var(--c) calc(l + 0.85) c h);}@media(max-width:1400px) {.phoneMascot {height: 328px;right: 17px;left: unset;translate: 0 -76%;z-index: 3;}}@media(max-width:900px) {.rightinset {width: 100%;}.clientintro {width: 100%;}.custom-select-wrapper {width: 100% !important;margin-bottom: 30px;}.nav-shell nav {display: none;flex-direction: column;position: absolute;background-color: rgba(30, 30, 30, 0.97);padding: 15px;text-align: center;line-height: 1rem;gap: 5px;top: 0;height: 100svh;overflow-x: clip;overflow-y: auto;width: 100vw;backdrop-filter: blur(20px);z-index: 9999999;background-image: none;left:0;}.nav-button {display: flex;cursor: pointer;flex-direction: column;gap: 6px;width: 44px;z-index: 999999999999999999999;position: absolute;top: 25px;right: 20px;}.nav-button div {pointer-events: none;height: 8px;width: 100%;border-radius: 5px;width: 100%;background-color: var(--c);opacity: 1;transition: 300ms ease;}.nav-button:hover div {background-color: var(--m);}.nav-button.opened div, .nav-button.opened:hover div {background-color: var(--y);} .nav-button.opened div:nth-child(2) {opacity: 0;}.nav-button.opened div:nth-child(1) {transform: rotate(-45deg);}.nav-button.opened div:nth-child(3) { transform: rotate(45deg) translate(-19px, -20px);}nav a {border-bottom: 1px solid rgba(255,255,255,0.1);border-radius: 10px;}nav a:hover {background-color:rgba(135,235,255,0.1);}.hero {padding-top: 0;min-height: 900px;grid-template-columns: 1fr;}nav .mobileLink {display: flex;}.nav-cta {display: none;}.hero:before {background:linear-gradient(#08090b 0 46%,#08090b99 70%,#08090b);}.hero-copy {z-index:4;}.hero-art {width: 100%;height: 520px;top: 23px;right: 0;position: relative;order: -1;} .hero h1 {font-size: 70px;max-width: 521px;display: block;position: relative;text-align: center;margin: 30px auto;}.hero h1 em {transform: rotate(4deg) scale(1.3) translateX(0px);}.trust-row {display:none;}.section-intro {grid-template-columns:1fr;}.service-grid {grid-template-columns:1fr;}.service-card,.service-card:nth-child(4),.service-card:nth-child(5) {grid-column:auto;}.about,.contact {grid-template-columns:1fr;}.about-panel {padding:70px 7vw;}.steps {grid-template-columns:1fr;}.contact {padding:80px 6vw;} .flexContainer, .clientPage {display: block;}.twocol > div {width:100%;}.leftPanel {width: 100%;max-height: 400px;overflow-y: auto;overflow-x: clip;}.rightPanel {width: 100%;}}@media (max-width: 768px) {.about-panel.visual p {bottom: 20%;}.footer-wrapper {grid-template-columns: 1fr; text-align: center; }.footer-col ul li {justify-content: center; }}@media(max-width:560px) {.duo-grid {grid-template-columns:repeat(1,1fr);}.nav-shell {height:70px;}.nav-cta {padding:11px;}.hero {min-height:800px;padding-left:6vw;padding-right:6vw;}.hero h1 {font-size:55px;}.hero-lede {font-size:0.95rem;}.hero-actions {flex-direction:column;align-items:flex-start;}.section {padding:85px 6vw;}.section h2,.about h2,.contact h2 {font-size:50px;}.about-panel.visual {min-height:520px;}.about-panel.visual:before {width:340px;height:340px;}.cmyk-stack {top:155px;}.cmyk-stack span {font-size:105px;}.field-row {grid-template-columns:1fr;}.quote-form {padding:25px;}footer {display:block;text-align:center;}footer .wordmark {justify-content:center;}footer>* {margin:12px;}}@media(max-width:1200px) {.h1p {position: relative;right: unset;width: 100%;text-align: center;}}@media(max-width:900px) {.gallery-grid {grid-template-columns:repeat(2,1fr);}.eyebrow.h1heyebrow {position: relative;}}@media(max-width:560px) {.gallery-grid {grid-template-columns:1fr;}.service-card {padding: 15px;}.quote-form button, .buttonDownload {width: 100%;margin-top: 30px;}}