:root{--ink:#15333b;--deep:#102b35;--deepest:#0d232b;--paper:#eef3ff;--white:#fbfcff;--mint:#bed9cc;--sea:#86c6b5;--rust:#8eacf0;--muted:#aabbb7;--line:rgba(255,255,255,.14);--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--deep);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:20px;background:var(--white);padding:12px 16px;z-index:20}.skip-link:focus{top:12px}.utility-bar{height:36px;background:var(--deep);color:#d5e5dc;font-size:10px;letter-spacing:.06em}.utility-inner,.utility-inner span{height:100%;display:flex;align-items:center;gap:9px}.utility-inner{justify-content:space-between}.utility-inner svg{width:14px;fill:none;stroke:var(--sea);stroke-width:1.8}.utility-note{opacity:.8}.site-header{height:86px;background:var(--white);position:relative;z-index:2}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;background:var(--deep);border-radius:50%;display:grid;place-items:center}.brand-mark svg{width:33px;height:33px;fill:none;stroke:var(--sea);stroke-width:1.4}.brand-type{display:flex;flex-direction:column;gap:3px}.brand-type strong{font-family:var(--display);font-size:17px;letter-spacing:-.055em}.brand-type i{font-style:normal;color:var(--rust)}.brand-type small{font-size:8px;font-weight:700;letter-spacing:.19em;color:#6d8381}.main-nav{display:flex;gap:37px;margin-left:auto;margin-right:49px}.main-nav a{font-size:12px;font-weight:600;color:#52676b;transition:color .2s}.main-nav a:hover{color:var(--rust)}.nav-call{display:flex;align-items:center;gap:10px}.call-icon{width:38px;height:38px;border:1px solid #d9e1db;border-radius:50%;display:grid;place-items:center}.call-icon svg{width:17px;fill:none;stroke:var(--deep);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-call>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.nav-call small{font-size:8px;letter-spacing:.12em;color:#84948d;font-weight:700}.nav-call strong{font-size:12px}.nav-call>b{font-size:13px;color:var(--rust);margin-left:3px}.hero{background:var(--paper);position:relative;overflow:hidden}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding-top:27px;padding-bottom:42px;position:relative;z-index:1}.hero-copy{padding-bottom:15px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.13em;color:#607573}.eyebrow-dot{display:block;width:7px;height:7px;background:var(--rust);border-radius:50%;box-shadow:0 0 0 4px rgba(110,143,220,.14)}.eyebrow-line{width:27px;height:1px;background:#bdc8bf;margin-left:4px}.hero h1,.section-heading h2,.local-copy h2,.contact-copy h2{font-family:var(--display);font-size:clamp(52px,6.5vw,83px);letter-spacing:-.075em;line-height:.99;font-weight:600;margin:27px 0 22px}.hero h1 em,.section-heading h2 em,.local-copy h2 em,.contact-copy h2 em{font-style:normal;color:var(--rust)}.hero-lede{max-width:410px;color:#607176;font-size:15px;line-height:1.75;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:28px}.button{height:50px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:16px;font-weight:400}.button-dark{background:var(--deep);color:white}.button-dark:hover{background:#23464c}.text-link{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:11px}.text-link span{color:var(--rust);font-size:16px}.hero-proof{margin-top:43px;padding-top:20px;border-top:1px solid #d9ded5;max-width:355px;display:flex;align-items:center;gap:12px}.proof-icon{width:34px;height:34px;border-radius:50%;background:#e3ebe1;display:grid;place-items:center}.proof-icon svg{width:17px;fill:none;stroke:#468779;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-proof>span:last-child{display:flex;flex-direction:column;gap:3px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#788982}.hero-visual{height:455px;position:relative;background:#dfe7d9;overflow:hidden;isolation:isolate}.hero-visual:before,.hero-visual:after{content:"";position:absolute;z-index:-1}.hero-visual:before{width:350px;height:350px;right:-71px;top:-94px;border-radius:50%;background:#cfdfd0}.hero-visual:after{width:340px;height:180px;left:-30px;bottom:-106px;border-radius:50%;background:#c3d7c7}.visual-ring{position:absolute;border:1px solid rgba(23,67,67,.14);border-radius:50%}.ring-one{width:365px;height:365px;top:45px;left:50%;transform:translateX(-50%)}.ring-two{width:287px;height:287px;top:84px;left:50%;transform:translateX(-50%)}.sun-disc{position:absolute;width:111px;height:111px;border-radius:50%;background:#acc0f5;right:70px;top:40px;opacity:.95}.pipe-art{position:absolute;width:min(100%,465px);height:auto;left:50%;top:48%;transform:translate(-50%,-50%);overflow:visible}.visual-label{position:absolute;bottom:25px;left:25px;background:var(--white);padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 9px 22px #29454118}.label-check{width:23px;height:23px;background:#dceee5;color:#368374;border-radius:50%;display:grid;place-items:center;font-size:12px}.visual-label>span:last-child{display:flex;flex-direction:column;gap:2px}.visual-label strong{font-size:10px}.visual-label small{font-size:9px;color:#758880}.visual-caption{position:absolute;right:21px;bottom:22px;font-size:8px;line-height:1.6;font-weight:700;letter-spacing:.16em;color:#576e69;text-align:right}.visual-caption span{color:var(--rust);font-size:13px;margin-left:3px}.hero-bottom{border-top:1px solid #d9ded5}.hero-bottom-inner{height:63px;display:flex;align-items:center;gap:25px}.hero-bottom-inner>span{font-size:8px;font-weight:700;letter-spacing:.15em;color:#81918b;white-space:nowrap}.ticker{display:flex;align-items:center;gap:21px;flex:1;color:#526a68;font-size:10px}.ticker b{font-size:12px;color:var(--rust);font-weight:400}.hero-bottom-inner>a{font-size:10px;font-weight:700;white-space:nowrap}.hero-bottom-inner>a span{color:var(--rust);margin-left:8px;font-size:14px}.section-pad{padding:97px 0}.services{background:var(--deep);color:#f4f5eb;position:relative;overflow:hidden}.services:after{content:"";position:absolute;right:-300px;top:-395px;width:620px;height:620px;border:1px solid rgba(190,217,204,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(190,217,204,.025),0 0 0 110px rgba(190,217,204,.025);pointer-events:none}.eyebrow-light{color:#b1c6be}.eyebrow-light .eyebrow-dot{background:var(--sea);box-shadow:0 0 0 4px rgba(134,198,181,.12)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;position:relative;z-index:1}.section-heading h2,.local-copy h2,.contact-copy h2{font-size:55px;line-height:1.04;margin:20px 0 0}.section-heading h2 em{color:var(--sea)}.section-heading>p{max-width:330px;color:#b2c1be;font-size:12px;line-height:1.8;margin:0 2px 5px 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:53px;border:1px solid var(--line);position:relative;z-index:1}.service-card{min-height:226px;padding:24px 22px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}.service-card:last-child{border-right:0}.service-card:hover{background:rgba(255,255,255,.04)}.service-top{display:flex;align-items:center;justify-content:space-between}.service-number{font-family:var(--display);font-size:10px;color:#8ca59f}.service-icon{width:43px;height:43px;background:rgba(190,217,204,.12);border-radius:50%;display:grid;place-items:center}.service-icon svg{width:22px;height:22px;fill:none;stroke:var(--sea);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-family:var(--display);font-size:15px;letter-spacing:-.03em;margin:22px 0 8px}.service-card p{font-size:10px;line-height:1.7;color:#b5c3bf;margin:0;max-width:195px}.service-card>a{font-size:9px;font-weight:700;color:#dce8de;margin-top:auto;padding-top:18px}.service-card>a span{color:var(--sea);margin-left:7px;font-size:12px}.local-section{background:var(--white)}.local-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:90px}.local-art{height:350px;position:relative;background:#edf0e7;overflow:hidden}.map-card{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 38%,#e0e8d8 0,transparent 55%),linear-gradient(132deg,#e8ecdf 0%,#e8efff 100%)}.map-lines{position:absolute;inset:-20%;opacity:.55;background:repeating-linear-gradient(35deg,transparent 0 26px,#c8d5c8 27px 28px,transparent 29px 55px),repeating-linear-gradient(123deg,transparent 0 40px,#c8d5c8 41px 42px,transparent 43px 70px);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%)}.map-lines:after{content:"";position:absolute;width:130%;height:2px;left:-15%;top:53%;background:var(--rust);transform:rotate(-23deg);box-shadow:0 0 0 5px #8eacf015}.map-pin{position:absolute;left:49%;top:39%;width:49px;height:49px;background:var(--deep);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 15px #13343a36}.map-pin svg{width:22px;fill:none;stroke:#b9decd;stroke-width:1.6;transform:rotate(45deg)}.map-name{position:absolute;top:59%;left:50%;transform:translateX(-50%);font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:.13em;color:var(--deep);white-space:nowrap}.map-small{position:absolute;top:67%;left:50%;transform:translateX(-50%);font-size:8px;font-weight:600;letter-spacing:.13em;color:#879690}.local-stamp{position:absolute;right:22px;bottom:20px;width:105px;height:105px;border-radius:50%;background:var(--rust);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 15px #152b6920}.local-stamp>span{font-size:14px}.local-stamp strong{text-align:center;font-size:13px;line-height:1.1;letter-spacing:.07em}.local-stamp small{font-size:7px;letter-spacing:.15em;margin-top:5px}.local-copy h2{color:var(--deep)}.local-copy h2 em{color:var(--rust)}.local-copy>p{font-size:12px;line-height:1.85;color:#657678;max-width:440px;margin:22px 0 0}.local-copy>p+p{margin-top:13px}.button-outline{border:1px solid #c9d1c9;margin-top:25px;font-size:10px;height:45px;padding:0 17px;gap:20px}.button-outline:hover{background:#e8edff}.contact-section{background:var(--rust);color:white;overflow:hidden;position:relative;padding:81px 0}.contact-wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:42px}.contact-copy h2{font-size:51px;margin-top:19px}.contact-copy h2 em{color:#dce6ff}.contact-copy>p{color:#dce6ff;font-size:12px;margin:15px 0 0}.contact-card{min-width:385px;background:var(--white);color:var(--deep);padding:21px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 13px 30px #152b6919}.contact-icon{width:44px;height:44px;background:#eaf0e8;border-radius:50%;display:grid;place-items:center;flex:none}.contact-icon svg{width:20px;fill:none;stroke:var(--deep);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.contact-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.contact-card small{font-size:8px;font-weight:700;letter-spacing:.12em;color:#798c85}.phone-number{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.03em}.phone-note{font-size:8px;color:#526eaf;margin:0}.contact-arrow{margin-left:auto;color:var(--rust);font-size:20px}.contact-wave{position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:-340px;left:45%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.035)}.site-footer{background:var(--deepest);color:#dce5dc}.footer-main{min-height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.brand-footer .brand-mark{background:#1d3a3f}.brand-footer .brand-type strong{font-size:14px}.brand-footer .brand-type small{color:#93aaa2}.footer-main>p,.footer-main>a:last-child{font-size:9px;color:#9cafaa}.footer-main>a:last-child{font-weight:700}.footer-bottom{min-height:49px;display:flex;align-items:center;justify-content:space-between;color:#7e9791;font-size:8px;letter-spacing:.04em}.placeholder-note{color:#8ea9e8}@media(max-width:850px){.shell{width:min(100% - 42px,650px)}.site-header{height:75px}.main-nav{gap:20px;margin-right:23px}.nav-call{gap:7px}.call-icon{display:none}.hero-grid{min-height:auto;padding-top:78px;padding-bottom:60px;grid-template-columns:1fr .85fr;gap:10px}.hero h1{font-size:clamp(54px,8.3vw,72px)}.hero-visual{height:380px}.hero-proof{margin-top:32px}.ticker{gap:12px}.hero-bottom-inner{gap:15px}.section-pad{padding:78px 0}.section-heading h2,.local-copy h2{font-size:46px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.local-grid{gap:48px}.local-art{height:315px}.contact-wrap{gap:25px}.contact-card{min-width:345px;padding:18px 15px}.contact-copy h2{font-size:44px}}@media(max-width:620px){.shell{width:calc(100% - 38px)}.utility-bar{height:33px}.utility-note{display:none}.site-header{height:68px}.brand-mark{width:38px;height:38px}.brand-mark svg{width:29px}.brand-type strong{font-size:15px}.main-nav{display:none}.nav-call{gap:8px}.nav-call small{font-size:7px}.nav-call strong{font-size:11px}.nav-call>b{font-size:12px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:54px;padding-bottom:33px;gap:38px}.hero h1{font-size:60px;margin:23px 0 17px}.hero-lede{font-size:13px;max-width:360px}.hero-actions{margin-top:23px;gap:20px}.button{height:47px;padding:0 17px;gap:18px}.text-link{font-size:11px}.hero-proof{margin-top:28px;padding-top:16px}.hero-visual{height:340px}.pipe-art{width:370px}.visual-ring.ring-one{width:300px;height:300px;top:22px}.visual-ring.ring-two{width:230px;height:230px;top:57px}.sun-disc{right:40px;top:23px;width:90px;height:90px}.hero-bottom-inner{height:auto;min-height:58px;flex-wrap:wrap;gap:8px 14px;padding-block:12px}.hero-bottom-inner>span{width:100%}.ticker{gap:10px;flex-wrap:wrap;font-size:9px}.ticker b{font-size:9px}.hero-bottom-inner>a{display:none}.section-pad{padding:66px 0}.section-heading{display:block}.section-heading h2,.local-copy h2{font-size:43px;margin-top:17px}.section-heading>p{margin-top:17px;font-size:11px;max-width:360px}.service-grid{margin-top:31px}.service-card{min-height:206px;padding:18px 14px 16px}.service-card h3{font-size:13px;margin-top:17px}.service-card p{font-size:9px}.service-number{font-size:9px}.service-icon{width:37px;height:37px}.service-icon svg{width:20px}.local-grid{grid-template-columns:1fr;gap:37px}.local-art{height:295px}.local-copy>p{font-size:11px;margin-top:17px}.contact-section{padding:64px 0}.contact-wrap{display:flex;align-items:stretch;flex-direction:column;gap:29px}.contact-copy h2{font-size:45px}.contact-card{min-width:0;padding:18px 14px;gap:11px}.phone-number{font-size:18px}.contact-card small{font-size:7px}.phone-note{font-size:7px}.footer-main{padding:21px 0;min-height:0;flex-wrap:wrap;gap:13px}.footer-main>p{order:3;width:100%;margin:0}.footer-main>a:last-child{font-size:8px}.footer-bottom{padding:15px 0;display:flex;align-items:flex-start;gap:8px;flex-direction:column}.placeholder-note{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--ink:#1a2856;--deep:#15214f;--deepest:#0b1332;--mint:#d0d8ef;--sea:#a7b8ef}
.brand-logo{display:block;width:98px;height:auto}
.brand-footer{background:var(--white);padding:3px 4px}
.brand-footer .brand-logo{width:74px}
.hero-visual{background:#e2e7f3}
.hero-visual:before{background:#d4dcf0}
.hero-visual:after{background:#c6d0e9}
.visual-ring{border-color:rgba(27,43,101,.17)}
.proof-icon{background:#e4e9f6}
.proof-icon svg{stroke:#5366ad}
.local-art{background:#e5e9f4}
.map-card{background:radial-gradient(ellipse at 35% 38%,#dbe2f1 0,transparent 55%),linear-gradient(132deg,#e6eaf4 0%,#e8efff 100%)}
.map-lines{background:repeating-linear-gradient(35deg,transparent 0 26px,#c9d2e9 27px 28px,transparent 29px 55px),repeating-linear-gradient(123deg,transparent 0 40px,#c9d2e9 41px 42px,transparent 43px 70px)}
.contact-section{background:#25366e}
.contact-copy h2 em{color:#b9c7f4}
@media(max-width:620px){.brand-logo{width:78px}.brand-footer .brand-logo{width:66px}}

:root{--paper:#eef3ff;--white:#fbfcff;--mint:#d1daf5;--sea:#afc2fa;--rust:#8eacf0}
.brand-footer{background:transparent;padding:0}
.brand-footer .brand-logo{width:118px}
.contact-card.contact-methods{min-width:370px;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0}
.contact-card.contact-methods>.contact-method{display:flex;flex-direction:row;align-items:center;gap:13px;padding:16px 17px}
.contact-method .contact-detail{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-method .contact-link{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.03em;line-height:1.2}
.contact-method .contact-email-link{font-size:13px;letter-spacing:-.015em;overflow-wrap:anywhere}
.contact-divider{height:1px;background:#e3e9f7;margin:0 17px}
@media(max-width:850px){.contact-card.contact-methods{min-width:320px}}
@media(max-width:620px){.brand-footer .brand-logo{width:110px}.contact-card.contact-methods{width:100%;min-width:0}.contact-card.contact-methods>.contact-method{gap:10px;padding:15px 12px}.contact-method .contact-link{font-size:17px}.contact-method .contact-email-link{font-size:12px}.contact-divider{margin:0 12px}}
.contact-card.contact-methods{gap:12px;background:transparent;box-shadow:none}
.contact-card.contact-methods>.contact-method{background:var(--white);border:1px solid #e1e8f7;box-shadow:0 8px 22px rgba(21,43,105,.08)}
.contact-divider{display:none}
@media(max-width:620px){.contact-card.contact-methods{gap:10px}}
.hero h1{font-size:clamp(42px,5vw,62px);line-height:1.04}

/* Recent work showcase */
.work-section{background:#e6ecfb;color:var(--deep)}
.work-heading h2{color:var(--deep)}
.work-heading h2 em{color:#526bb4}
.work-heading>p{color:#667596}
.work-category{margin-top:45px}
.work-category+.work-category{margin-top:37px}
.work-category-heading{display:flex;align-items:baseline;gap:13px;margin-bottom:15px}
.work-category-heading h3{font:700 18px var(--display);margin:0;color:var(--deep)}
.work-category-heading span{font-size:10px;color:#7180a0}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.work-card{margin:0;min-width:0;background:var(--white);border:1px solid #d5def3;box-shadow:0 8px 22px rgba(21,43,105,.07);overflow:hidden}
.work-card img{display:block;width:100%;height:210px;max-width:100%;object-fit:cover;background:#d7e0f4}
.work-grid-residential .work-card:first-child img{object-position:center 54%}
.work-grid-commercial .work-card img{object-position:center 48%}
.work-card figcaption{min-height:57px;padding:11px 14px;display:flex;flex-direction:column;gap:3px}
.work-card figcaption span{font-size:8px;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6d80bd}
.work-card figcaption strong{font:700 12px var(--display);color:var(--deep)}
@media(max-width:850px){.work-card img{height:190px}.work-grid{gap:11px}}
@media(max-width:620px){.work-category{margin-top:34px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-card img{height:150px}.work-card figcaption{padding:9px 10px;min-height:53px}.work-card figcaption strong{font-size:11px}.work-category-heading h3{font-size:16px}}

/* Keep the hero headline within its column on tablet and mobile screens. */
@media(max-width:850px){.hero h1{font-size:clamp(34px,4.5vw,40px);line-height:1.06;letter-spacing:-.065em;max-width:100%}.hero-copy{min-width:0}}
@media(max-width:700px){.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding-top:52px}.hero h1{font-size:clamp(31px,7vw,48px)}.hero-visual{height:340px}}
@media(max-width:620px){.hero-grid{padding-top:48px;gap:29px}.hero h1{font-size:clamp(31px,8.2vw,42px);line-height:1.08;letter-spacing:-.065em}.hero-visual{height:320px}}

/* Clickable project photos and full image viewer. */
.work-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;font:inherit}
.work-image-button:focus-visible{outline:3px solid #526bb4;outline-offset:-3px}
.photo-viewer{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:52px 24px 24px;border:0;background:rgba(7,14,35,.96);overflow:hidden}
.photo-viewer::backdrop{background:rgba(7,14,35,.9)}
.photo-viewer[open]{display:flex;align-items:center;justify-content:center}
.photo-viewer-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 12px 40px #0005}
.photo-viewer-close{position:absolute;right:18px;top:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:#15214f;color:#fff;font:30px/1 Arial,sans-serif;cursor:pointer}
.photo-viewer-close:focus-visible{outline:3px solid #afc2fa;outline-offset:3px}
body:has(.photo-viewer[open]){overflow:hidden}
@media(max-width:620px){.photo-viewer{padding:54px 12px 18px}}