:root{
    --ink:#17110f;
    --brown:#2c1813;
    --red:#c93427;
    --red-dark:#9c241b;
    --gold:#e5b451;
    --paper:#fffdf9;
    --muted:#756d68;
    --line:#eadfd6;
    --shadow:0 20px 60px rgba(53,26,17,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}
img{max-width:100%;display:block}

.site-header{
    height:82px;position:fixed;z-index:100;left:0;right:0;top:0;
    padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:28px;
    color:#fff;transition:.25s;background:linear-gradient(to bottom,rgba(12,7,6,.8),transparent);
}
.site-header.scrolled{background:rgba(23,17,15,.96);backdrop-filter:blur(14px);box-shadow:0 8px 26px #0002}
.site-logo{display:flex;align-items:center}
.site-logo img{width:220px;height:58px;object-fit:contain;object-position:left center}
.site-header nav{margin-left:auto;display:flex;gap:26px}
.site-header nav a{text-decoration:none;font-weight:700;font-size:14px}
.site-header nav a:hover{color:var(--gold)}
.header-cta{padding:11px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;text-decoration:none;font-weight:800}
.nav-toggle{display:none}

.hero{
    min-height:760px;background:radial-gradient(circle at 84% 18%,rgba(224,82,42,.23),transparent 32%),linear-gradient(120deg,#130d0b 0%,#2a1712 53%,#160f0d 100%);
    color:#fff;display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:start;
    padding:135px max(28px,calc((100vw - 1240px)/2)) 85px;position:relative;overflow:hidden;
}
.hero:after{content:"";position:absolute;inset:auto -10% -180px 25%;height:320px;background:radial-gradient(ellipse,rgba(229,180,81,.16),transparent 65%);transform:rotate(-8deg)}
.hero-copy,.hero-visual{position:relative;z-index:2;align-self:start}.hero-copy{padding-top:4px}.hero-visual{padding-top:0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.16em}
.hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,80px);line-height:.98;letter-spacing:-.04em;max-width:740px;margin:18px 0 24px}
.hero-copy>p{font-size:19px;color:#d6ccc8;max-width:660px}
.hero-actions{display:flex;gap:12px;margin:32px 0}
.btn{border:0;border-radius:14px;padding:14px 19px;text-decoration:none;font-weight:900;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font:inherit}
.btn.primary{background:var(--red);color:#fff;box-shadow:0 12px 28px rgba(201,52,39,.3)}
.btn.primary:hover{background:#df4436}
.btn.ghost{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.05)}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#bfb3ae;font-size:13px}
.brand-frame{background:#251712;border:1px solid rgba(255,255,255,.11);padding:14px;border-radius:28px;transform:rotate(2deg);box-shadow:0 38px 80px rgba(0,0,0,.34)}
.brand-frame img{width:100%;border-radius:18px;aspect-ratio:16/10;object-fit:cover}
.source-note{display:block;text-align:center;margin-top:9px;color:#8f807a;font-size:10px}
.floating-card{position:absolute;right:-12px;bottom:-34px;background:#fff;color:var(--ink);padding:16px 20px;border-radius:16px;box-shadow:var(--shadow);display:grid}
.floating-card small{font-size:10px;letter-spacing:.14em;color:var(--red);font-weight:900}

.contact-strip{
    max-width:1180px;margin:-34px auto 0;position:relative;z-index:5;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);
    border-radius:20px;padding:18px 22px;display:flex;align-items:center;gap:24px;
}
.contact-strip div:not(.separator){display:grid}
.contact-strip small{font-size:10px;color:var(--muted);letter-spacing:.13em;font-weight:900}
.contact-strip .separator{height:38px;width:1px;background:var(--line)}
.contact-strip>a{margin-left:auto;background:var(--red);color:#fff;text-decoration:none;padding:12px 16px;border-radius:12px;font-weight:900}

.section{max-width:1240px;margin:0 auto;padding:110px 28px}
.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:42px}
.section-head h2,.about h2,.quote-intro h2,.detail-grid h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,60px);line-height:1.05;margin:12px 0}
.section-head p{color:var(--muted);font-size:18px}

.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{min-height:250px;border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;position:relative;overflow:hidden;transition:.2s}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#dec7b8}
.service-index{position:absolute;right:18px;top:14px;color:#d7cdc7;font-weight:900;font-size:12px}
.service-icon{width:52px;height:52px;border-radius:16px;background:#fff2dc;display:grid;place-items:center;font-size:24px}
.service-card h3{font-size:21px;margin:28px 0 8px}
.service-card p{color:var(--muted);margin:0}

.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-media{position:relative}
.about-media>img{width:100%;border-radius:30px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}
.quality-badge{position:absolute;bottom:-25px;right:-25px;background:var(--red);color:#fff;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 18px 45px rgba(201,52,39,.28)}
.quality-badge b{font-size:50px}
.quality-badge span{font-size:12px;line-height:1.2;font-weight:800}
.about-copy>p{color:var(--muted);font-size:18px}
.about-copy ul{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-copy li{padding:13px 0;border-top:1px solid var(--line);font-weight:800}
.about-copy li b{color:var(--red);margin-right:10px}

.portfolio{border-top:1px solid var(--line)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.project-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.project-card img,.project-placeholder{width:100%;height:250px;object-fit:cover;background:#f7f3ef}
.project-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#2a1712,#8c281e);color:var(--gold);font-size:48px;font-weight:900}
.project-card>div:last-child{padding:20px;display:grid;gap:6px;flex:1}
.project-card small{color:var(--red);font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.project-card h3{margin:0}
.project-card p{color:var(--muted);margin:0}

.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}
.detail-list{display:grid;gap:10px}
.detail-list article{border:1px solid var(--line);border-radius:16px;padding:18px}
.detail-list p{margin:5px 0 0;color:var(--muted)}

.quote-section{background:linear-gradient(135deg,#1b1311,#321912);color:#fff;padding:100px max(28px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.quote-intro p{color:#cdbfba;font-size:18px}
.direct-contact{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.direct-contact a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);padding:10px 13px;border-radius:12px}
.quote-form{background:#fff;color:var(--ink);border-radius:26px;padding:28px;display:grid;gap:15px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quote-form label{display:grid;gap:7px;font-weight:800}
.quote-form label small{color:var(--muted);font-weight:500}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #d9d5d1;border-radius:12px;padding:12px 13px;font:inherit}
.quote-form textarea{min-height:120px;resize:vertical}
.hp{position:absolute!important;left:-9999px!important}
.form-alert{padding:12px 14px;border-radius:12px}
.form-alert.success{background:#e8f8ed;color:#176b39}
.form-alert.error{background:#fff0ee;color:#9c2119}

/* Consistent public-form field alignment: helper text stays below controls. */
.quote-form label{grid-template-rows:auto auto auto;align-content:start}
.quote-form label>input,.quote-form label>select,.quote-form label>textarea{order:1}
.quote-form label>small{order:2;margin:0}

footer{background:#100b0a;color:#d6cbc6;padding:56px max(28px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;position:relative}
footer>div{display:flex;flex-direction:column;gap:8px}
footer img{width:250px;max-width:100%;object-fit:contain}
footer a{text-decoration:none;color:#eee}
.copyright{grid-column:1/-1;border-top:1px solid #2a201d;padding-top:20px;margin-top:20px;color:#877b76}
.wa-float{position:fixed;z-index:90;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#24b966;color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px #0003}

@media(max-width:980px){
    .hero{grid-template-columns:1fr;padding-top:120px;align-items:start}
    .hero-visual{max-width:720px;width:100%;margin:0 auto 14px}.hero-copy{padding-top:0}
    .service-grid{grid-template-columns:repeat(2,1fr)}
    .about{grid-template-columns:1fr}
    .section-head,.quote-section{grid-template-columns:1fr}
    .project-grid{grid-template-columns:1fr 1fr}
    .contact-strip{margin:0;border-radius:0;flex-wrap:wrap}
    .contact-strip>a{margin-left:0}
    .site-header nav{position:fixed;top:82px;left:16px;right:16px;background:#1b1311;padding:18px;border-radius:18px;display:none;flex-direction:column;box-shadow:var(--shadow)}
    .nav-open .site-header nav{display:flex}
    .nav-toggle{display:block;margin-left:auto;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:8px 10px}
    .header-cta{display:none}
}

@media(max-width:650px){
    .site-header{height:72px;padding:0 16px;background:rgba(23,17,15,.96)}
    .site-logo img{width:180px;height:48px}
    .site-header nav{top:72px}
    .hero{min-height:auto;padding:120px 20px 65px}
    .hero h1{font-size:48px}
    .hero-actions{flex-direction:column;align-items:stretch}
    .trust-row{display:grid;gap:8px}
    .floating-card{position:relative;right:auto;bottom:auto;margin:-10px 16px 0}
    .contact-strip{padding:18px;gap:12px}
    .contact-strip .separator{display:none}
    .contact-strip>a{width:100%;text-align:center}
    .section{padding:76px 20px}
    .section-head{gap:10px}
    .service-grid,.project-grid,.detail-grid,.about-copy ul{grid-template-columns:1fr}
    .quality-badge{right:5px}
    .quote-section{padding:76px 20px;gap:28px}
    .field-row{grid-template-columns:1fr}
    .quote-form{padding:20px}
    .quote-form .btn{width:100%}
    footer{grid-template-columns:1fr;padding:46px 20px}
    .copyright{grid-column:auto}
}

/* ===== Final premium hero alignment ===== */
.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;align-items:start!important;min-height:680px;padding-top:126px}
.hero-visual{grid-column:1!important;grid-row:1!important;align-self:start!important;padding-top:0!important;margin:0!important;max-width:none!important;width:100%!important}
.hero-copy{grid-column:2!important;grid-row:1!important;align-self:start!important;padding-top:0!important;margin:0!important}
.brand-frame{transform:none!important}
.brand-frame img{aspect-ratio:16/10;object-fit:cover}

/* Public uploader: drag/drop, paste and select */
.upload-field{display:grid;gap:8px}
.upload-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.upload-heading strong{font-weight:900}.upload-heading small{color:var(--muted)}
.public-dropzone{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1.5px dashed #d7c8bd;border-radius:18px;background:#fffaf6;transition:.18s border-color,.18s background,.18s transform;outline:none}
.public-dropzone:hover,.public-dropzone:focus-visible,.public-dropzone.is-dragover{border-color:var(--red);background:#fff4ef;transform:translateY(-1px)}
.public-file-input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.dropzone-icon{width:52px;height:52px;border-radius:15px;background:#f7e7df;color:var(--red);display:grid;place-items:center;font-size:24px;font-weight:900}
.dropzone-copy{display:grid;gap:2px;min-width:0}.dropzone-copy strong{font-size:14px}.dropzone-copy span{font-size:12px;color:var(--muted)}
.file-select-btn{background:#251714!important;color:#fff!important;box-shadow:none!important;white-space:nowrap}
.public-file-list{display:grid;gap:8px}.public-file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.public-file-item .file-meta{display:grid;min-width:0;flex:1}.public-file-item strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-file-item small{font-size:10px;color:var(--muted)}.public-file-remove{border:0;background:#fff0ee;color:#9c2119;width:32px;height:32px;border-radius:9px;cursor:pointer;font-weight:900}

/* Floating widgets and real WhatsApp icon */
.floating-widget-layer{position:relative;z-index:90}.floating-slot{--slot-gap:70px}.wa-float{width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 32px rgba(0,0,0,.24);transition:.18s transform,.18s box-shadow}.wa-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 36px rgba(0,0,0,.3)}.wa-float svg{width:31px;height:31px}.floating-slot{position:fixed!important;z-index:95!important}.floating-slot.pos-bottom-right{right:22px;bottom:calc(22px + var(--float-offset,0px))}.floating-slot.pos-bottom-left{left:22px;bottom:calc(22px + var(--float-offset,0px))}.floating-slot.pos-top-right{right:22px;top:calc(96px + var(--float-offset,0px))}.floating-slot.pos-top-left{left:22px;top:calc(96px + var(--float-offset,0px))}.external-widget-slot{max-width:min(420px,calc(100vw - 32px))}

@media(max-width:980px){
  .hero{grid-template-columns:1fr!important;min-height:auto;padding-top:112px}
  .hero-visual{grid-column:1!important;grid-row:1!important;max-width:760px!important;margin:0 auto 18px!important}
  .hero-copy{grid-column:1!important;grid-row:2!important;max-width:760px;margin:0 auto!important;width:100%}
}
@media(max-width:650px){
  .public-dropzone{grid-template-columns:44px 1fr;padding:14px}.dropzone-icon{width:44px;height:44px}.file-select-btn{grid-column:1/-1;width:100%}
  .upload-heading{display:grid;gap:2px}.floating-slot.pos-bottom-right{right:14px}.floating-slot.pos-bottom-left{left:14px}.floating-slot.pos-top-right{right:14px}.floating-slot.pos-top-left{left:14px}
}

/* Public forms: neutral select when closed, centered local CSS chevron. */
.quote-form select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-color:#fff!important;color:var(--ink)!important;
  background-image:linear-gradient(45deg,transparent 50%,#6d625c 50%),linear-gradient(135deg,#6d625c 50%,transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
  padding-right:40px!important;
}
.quote-form select option{background:#fff;color:#17110f}
.quote-form select option:checked{background:#c93427;color:#fff}

/* Final public select consistency: neutral closed state + centered right chevron. */
.quote-form select {
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-color:#fff !important;
  color:#17110f !important;
  background-image:linear-gradient(45deg,transparent 50%,#2563eb 50%),linear-gradient(135deg,#2563eb 50%,transparent 50%) !important;
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50% !important;
  background-size:5px 5px,5px 5px !important;
  background-repeat:no-repeat !important;
  padding-right:42px !important;
}
.quote-form select option{background:#fff;color:#17110f}
.quote-form select option:checked{background:#2563eb;color:#fff}


/* ===== Configurable social networks ===== */
.social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.social-link{--social-size:44px;min-width:var(--social-size);height:var(--social-size);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 26px rgba(20,15,13,.18);transition:.18s transform,.18s box-shadow,.18s filter,.18s border-color;isolation:isolate}
.social-link svg{width:22px;height:22px;flex:0 0 22px;color:#fff}.social-link span{font-size:12px;font-weight:900;white-space:nowrap;color:#fff}
.social-link:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 34px rgba(20,15,13,.24);filter:saturate(1.12) brightness(1.04);border-color:rgba(255,255,255,.55)}
.social-size-small .social-link{--social-size:38px;border-radius:12px;padding:0 10px}.social-size-small .social-link svg{width:19px;height:19px}.social-size-small .social-link span{font-size:11px}
.social-size-large .social-link{--social-size:54px;border-radius:17px;padding:0 15px}.social-size-large .social-link svg{width:27px;height:27px}.social-size-large .social-link span{font-size:13px}
.social-instagram{background:radial-gradient(circle at 30% 105%,#fdf497 0 5%,#fdf49700 24%),radial-gradient(circle at 0 0,#4c68d7 0 18%,#4c68d700 52%),linear-gradient(145deg,#833ab4 0%,#c13584 38%,#fd1d1d 64%,#fcb045 100%)}
.social-facebook{background:#1877f2}.social-tiktok{background:#111}.social-youtube{background:#ff0000}.social-linkedin{background:#0a66c2}
.footer-socials .social-links{margin-top:8px}.footer-socials .social-link{color:#fff;border-color:rgba(255,255,255,.18);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.footer-socials .social-link:hover{color:#fff}
.social-hero-strip{max-width:1180px;margin:28px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:var(--shadow)}.social-hero-strip>span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.social-floating{position:fixed;z-index:94;top:50%;transform:translateY(-50%)}.social-floating--left{left:18px}.social-floating--right{right:18px}.social-floating .social-links{display:grid;gap:9px}.social-floating .social-link{color:#fff;border-color:rgba(255,255,255,.28);box-shadow:0 12px 28px rgba(15,23,42,.22)}.social-floating .social-link svg{color:#fff;fill:currentColor}.social-floating .social-link:hover{filter:saturate(1.12) brightness(1.06)}
@media(min-width:701px){.hide-social-desktop{display:none!important}}
@media(max-width:700px){.hide-social-mobile{display:none!important}.social-floating{top:auto;bottom:90px;transform:none}.social-floating--left{left:12px}.social-floating--right{right:12px}.social-floating .social-links{gap:7px}.social-hero-strip{margin:16px 14px 0;justify-content:flex-start;overflow-x:auto}.social-hero-strip .social-links{flex-wrap:nowrap}}


/* ===== Premium image viewer ===== */
.project-image-button,.about-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden;text-align:inherit}
.project-image-button img,.about-image-button img{transition:transform .28s ease,filter .28s ease}
.project-image-button:hover img,.about-image-button:hover img{transform:scale(1.025);filter:brightness(.92)}
.project-image-button:focus-visible,.about-image-button:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:18px}
.project-image-button .zoom-hint,.about-image-button .zoom-hint{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(17,24,39,.84);color:#fff;font-size:23px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.24);opacity:0;transform:translateY(5px);transition:.2s ease;pointer-events:none}
.project-image-button:hover .zoom-hint,.about-image-button:hover .zoom-hint,.project-image-button:focus-visible .zoom-hint,.about-image-button:focus-visible .zoom-hint{opacity:1;transform:translateY(0)}
.project-card .project-image-button img{width:100%;height:250px;object-fit:cover}
.about-media>.about-image-button{border-radius:30px;box-shadow:var(--shadow)}
.about-media>.about-image-button img{width:100%;aspect-ratio:4/3;object-fit:cover}
.site-lightbox[hidden]{display:none!important}.site-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px}.site-lightbox-backdrop{position:absolute;inset:0;background:rgba(8,11,18,.78);backdrop-filter:blur(8px);opacity:0;transition:.18s ease}.site-lightbox-dialog{position:relative;width:min(1180px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:minmax(0,1fr) auto;background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;box-shadow:0 36px 100px rgba(0,0,0,.45);opacity:0;transform:translateY(12px) scale(.985);transition:.2s ease}.site-lightbox.is-open .site-lightbox-backdrop{opacity:1}.site-lightbox.is-open .site-lightbox-dialog{opacity:1;transform:none}.site-lightbox-stage{min-height:0;display:grid;place-items:center;background:#0b1020;padding:62px 22px 18px}.site-lightbox-stage img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;object-fit:contain;border-radius:14px}.site-lightbox-close{position:absolute;z-index:3;right:16px;top:16px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);background:rgba(17,24,39,.88);color:#fff;padding:10px 13px;border-radius:13px;cursor:pointer;font:inherit}.site-lightbox-close span{font-size:20px;line-height:1}.site-lightbox-close strong{font-size:13px}.site-lightbox-copy{padding:18px 22px 20px;background:#fff}.site-lightbox-copy h2{margin:0;color:#111827;font-size:20px}.site-lightbox-copy p{margin:5px 0 0;color:#6b7280;font-size:14px}.lightbox-open{overflow:hidden}
@media(max-width:650px){.site-lightbox{padding:10px}.site-lightbox-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:20px}.site-lightbox-stage{padding:58px 10px 12px}.site-lightbox-stage img{max-height:calc(100vh - 175px)}.site-lightbox-close{right:10px;top:10px}.project-image-button .zoom-hint,.about-image-button .zoom-hint{opacity:1;transform:none;width:38px;height:38px;border-radius:12px}}