/* Portfolio cards and structural landing page. */
.portfolio-highlights{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:29px;color:#CDD7DF;font-size:.875rem}.portfolio-highlights span{border-left:2px solid var(--turquoise);padding-left:12px}.case-section{padding-top:65px;background:#FAFBFC}.case-filters{display:flex;gap:10px;flex-wrap:wrap}.case-filters button{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 17px;min-height:46px;border:1px solid #B8C6D0;background:white;border-radius:3px;color:var(--graphite);font-size:.875rem;font-weight:600}.case-filters button span{font-size:.75rem;opacity:.8}.case-filters button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.case-filters button:hover{border-color:var(--turquoise)}.filter-result{font-size:.875rem;color:var(--graphite);margin:18px 0 24px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.case-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid var(--line);border-radius:4px;overflow:hidden;scroll-margin-top:125px}.case-image{height:250px;display:block;position:relative;overflow:hidden;background:var(--pale)}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.case-image.sheet img{object-fit:contain;padding:9px;background:white}.case-image[href="/assets/estrutura.png"] img{object-fit:contain;padding:13px;background:white}.case-image:hover img{transform:scale(1.035)}.case-open{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:16px;background:var(--navy);color:white;font-size:.75rem;font-weight:600;padding:8px 12px;border-radius:3px}.case-open b{font-size:1.25rem;line-height:1;font-weight:400;color:var(--turquoise)}.case-copy{padding:23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:.75rem;color:var(--graphite);font-weight:600;margin-bottom:12px}.case-copy h3{font-size:1.25rem;line-height:1.3;margin:0 0 12px}.case-copy>p{font-size:.9375rem;line-height:1.8;color:var(--graphite);margin-bottom:25px}.case-link{background:none;border:0;border-bottom:2px solid var(--turquoise);border-radius:0;padding:5px 0;margin-top:auto;text-align:left;min-height:36px;display:flex;align-items:center;gap:12px}.case-link span{font-size:1.125rem}
.landing-header .nav-shell{min-height:88px}.landing-nav{display:flex;align-items:center;gap:25px;font-size:.875rem}.landing-nav>a:not(.button):hover{color:var(--turquoise)}.structural-hero{background:var(--navy);color:white;padding-top:52px}.structural-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:65px;padding-bottom:50px}.structural-grid>div>.eyebrow{color:#CDD7DF;letter-spacing:.065em}.structural-grid h1{margin-top:22px;font-size:clamp(2.625rem,4.05vw,3.6rem)}.structural-lead{font-size:1rem;line-height:1.9;color:#CDD7DF;margin-top:26px;max-width:550px}.coverage-pill{display:inline-block;font-size:.875rem;line-height:1.5;padding:9px 13px;border:1px solid #2AC2A760;color:#E0F7F2;border-radius:3px;margin-top:23px}.structural-hero .hero-support{margin-top:23px}.structural-hero .hero-foot{padding:23px 0}.structural-visual{border:1px solid #FFFFFF30;border-radius:4px;overflow:hidden;background:white;color:var(--navy)}.structural-visual-top{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:#EEF2F4;font-size:.75rem;color:var(--graphite)}.structural-visual>img{width:100%;height:350px;object-fit:contain;padding:17px 15px}.structural-visual figcaption{padding:13px 18px;border-top:1px solid var(--line);font-size:.75rem;color:var(--graphite)}.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);gap:28px}.scope-grid article{padding-top:23px;min-width:0}.scope-grid article>span{font-size:.75rem;font-weight:600;color:var(--graphite)}.scope-grid h3{font-size:1.125rem;line-height:1.45;margin-top:15px}.scope-grid p{font-size:.9375rem;line-height:1.85;margin-top:15px;color:var(--graphite)}.method-intro .button{margin-top:25px}.trust-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:75px}.trust-grid>*{min-width:0}.trust-photo{height:490px;max-width:400px;position:relative}.trust-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:4px}.trust-grid .eyebrow{color:var(--graphite);margin-bottom:20px}.trust-grid p:not(.eyebrow){font-size:1rem;color:var(--graphite);line-height:1.9;margin-top:22px}.engineer-card{padding:17px 20px;border-left:3px solid var(--turquoise);background:var(--pale);margin-top:23px}.engineer-card strong,.engineer-card span{display:block}.engineer-card span{font-size:.875rem;color:var(--graphite)}.trust-grid .underlined-link{margin-top:23px}.structural-faq{background:var(--pale)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-grid .eyebrow{color:var(--graphite);margin-bottom:20px}.faq-list details{border-top:1px solid #BAC7D0}.faq-list details:last-child{border-bottom:1px solid #BAC7D0}.faq-list summary{padding:21px 30px 21px 0;position:relative;cursor:pointer;font-weight:600;font-size:1rem;line-height:1.6;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:5px;top:18px;font-size:1.375rem;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 0 24px;color:var(--graphite);font-size:.9375rem;line-height:1.9}
/* Full gallery: the image remains raster/vector content, never a background. */
dialog.project-gallery{width:min(1440px,calc(100% - 32px));height:min(870px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto;overflow:hidden;border-radius:5px}.gallery-shell{display:flex;flex-direction:column;height:100%;min-height:0;background:white}.gallery-shell:fullscreen{width:100%;height:100%;background:white}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-shrink:0;padding:18px 24px;border-bottom:1px solid var(--line)}.gallery-heading .eyebrow{color:var(--graphite);font-size:.75rem;margin-bottom:5px}.gallery-heading h2{font-size:1.5rem;letter-spacing:-.025em}.gallery-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:0;flex:1}.gallery-viewer{display:flex;flex-direction:column;min-height:0;min-width:0;background:#F8FAFB}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:11px 17px;border-bottom:1px solid var(--line);flex-shrink:0;background:white;font-size:.75rem}.zoom-controls,.view-controls{display:flex;align-items:center;gap:8px}.gallery-toolbar button,.gallery-toolbar a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 10px;border:1px solid #BCC9D3;background:white;border-radius:3px;color:var(--navy);font-size:.875rem;line-height:1.5}.zoom-controls #zoom-out,.zoom-controls #zoom-in{width:36px;font-size:1.375rem;line-height:1}.zoom-controls output{width:44px;text-align:center;font-variant-numeric:tabular-nums}.gallery-toolbar button:hover,.gallery-toolbar a:hover{border-color:var(--turquoise);background:#F1FBF9}.gallery-toolbar button:disabled{cursor:default;opacity:.4}.gallery-stage{flex:1;min-height:180px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;isolation:isolate;background-color:#EEF2F4;background-image:linear-gradient(#D8E0E560 1px,transparent 1px),linear-gradient(90deg,#D8E0E560 1px,transparent 1px);background-size:24px 24px}.gallery-stage img{max-width:none;flex-shrink:0;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;user-select:none}.gallery-stage.is-zoomed{cursor:grab}.gallery-stage.is-dragging{cursor:grabbing}.gallery-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#EEF2F4D9;color:var(--graphite);font-size:.875rem}.gallery-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:9px 18px 0;flex-shrink:0}.gallery-navigation button{width:38px;height:36px;background:white;border:1px solid #BAC7D0;border-radius:3px;line-height:1;color:var(--navy)}.gallery-navigation button:disabled{opacity:.4;cursor:default}.gallery-navigation p{font-size:.75rem;color:var(--graphite);text-align:center;min-width:125px}.gallery-caption{padding:7px 20px 9px;font-size:.75rem;line-height:1.7;color:var(--graphite);text-align:center;flex-shrink:0}.gallery-thumbnails{display:flex;align-items:stretch;justify-content:center;gap:10px;padding:0 15px 10px;overflow-x:auto;flex-shrink:0}.gallery-thumbnails button{display:flex;flex-direction:column;align-items:stretch;width:116px;flex:0 0 116px;padding:3px;border:2px solid #CBD5DD;border-radius:3px;background:white;color:var(--graphite)}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--turquoise);color:var(--navy)}.gallery-thumbnails img{height:57px;width:100%;object-fit:contain;background:#F6F8FA;pointer-events:none}.gallery-thumbnails span{font-size:.75rem;padding:4px 2px;line-height:1.5}.gallery-hint,.gallery-feedback{text-align:center;font-size:.75rem;color:var(--graphite);line-height:1.7;padding:0 18px 10px;flex-shrink:0}.gallery-feedback:empty{display:none}.gallery-info{padding:25px 22px;border-left:1px solid var(--line);overflow:auto;min-height:0;font-size:.875rem;line-height:1.85}.gallery-info>#dialog-description{margin-top:0;color:var(--graphite)}.gallery-details{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-details summary{padding:13px 0;cursor:pointer;font-weight:600;font-size:.8125rem}.gallery-details .work-details{margin:0;border:0}.gallery-details .work-details div{padding:11px 0;border:0}.gallery-details .work-details dt{font-size:.75rem}.gallery-details .work-details dd{font-size:.8125rem;margin:4px 0 0;color:var(--graphite)}.gallery-demo{padding:13px 0;font-size:.75rem;line-height:1.8;color:var(--graphite)}.gallery-info>.button{width:100%;margin-top:20px;font-size:.8125rem;min-height:46px;padding:11px 14px}
@media(max-width:1100px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.case-image{height:280px}.structural-grid{gap:40px}.structural-visual>img{height:330px}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.trust-grid{gap:45px}.faq-grid{gap:40px}.gallery-body{grid-template-columns:minmax(0,1fr) 250px}.gallery-info{padding:20px 18px}}
@media(max-width:760px){.case-section{padding-top:48px}.case-grid{gap:20px}.case-copy{padding:20px}.case-image{height:225px}.case-copy h3{font-size:1.125rem}.case-copy>p{font-size:.875rem}.case-meta{font-size:.75rem}.case-filters{gap:8px}.case-filters button{font-size:.8125rem;padding:9px 12px;gap:10px}.landing-header .nav-shell{min-height:84px;gap:15px}.landing-header .brand img{width:150px}.landing-nav{gap:14px}.landing-nav>a:not(.button){display:none}.landing-nav .button{font-size:.75rem;min-height:42px;padding:9px 12px}.structural-hero{padding-top:37px}.structural-grid{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.structural-grid h1{font-size:clamp(2.625rem,7.8vw,3.5rem)}.structural-hero .hero-actions{flex-direction:row;align-items:center;gap:20px}.structural-visual{max-width:550px}.structural-visual>img{height:340px}.structural-grid>div>.eyebrow{font-size:.75rem}.coverage-pill{font-size:.875rem}.scope-grid{gap:25px}.scope-grid h3{font-size:1.125rem}.trust-grid{grid-template-columns:1fr;gap:35px}.trust-photo{height:400px;width:100%;max-width:450px}.faq-grid{grid-template-columns:1fr;gap:30px}.gallery-heading{padding:12px 15px;gap:15px}.gallery-heading h2{font-size:1.125rem}.gallery-heading .dialog-close{width:38px;height:38px}.gallery-body{display:flex;flex-direction:column;overflow:auto}.gallery-viewer{flex:1 0 auto;min-height:400px}.gallery-stage{flex:1 0 250px;min-height:220px}.gallery-info{border-left:0;border-top:1px solid var(--line);overflow:visible;padding:16px 20px;flex-shrink:0}.gallery-info>#dialog-description{margin-top:0;font-size:.8125rem}.gallery-info>.button{width:auto;margin-top:13px}.gallery-details{margin-top:12px}.gallery-demo{padding:10px 0 0}.gallery-toolbar{padding:8px 12px;gap:8px}.gallery-toolbar button,.gallery-toolbar a{min-height:34px}.gallery-thumbnails{padding-bottom:7px}.gallery-thumbnails button{width:99px;flex-basis:99px}.gallery-thumbnails img{height:46px}.gallery-caption{padding:6px 15px;font-size:.75rem}.gallery-hint{font-size:.75rem;padding-bottom:8px}dialog.project-gallery{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}}
@media(max-width:520px){.case-grid{grid-template-columns:1fr}.case-image{height:265px}.case-copy h3{font-size:1.25rem}.case-meta{font-size:.75rem}.case-copy>p{font-size:.9375rem}.scope-grid{grid-template-columns:1fr;gap:0}.scope-grid article{padding:24px 0;border-bottom:1px solid var(--line)}.scope-grid h3{margin-top:10px}.scope-grid p{margin-top:12px}.structural-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.structural-hero .hero-actions>.button{width:100%}.structural-visual>img{height:300px}.coverage-pill{font-size:.875rem}.view-controls{gap:6px}.gallery-toolbar{justify-content:center}.gallery-toolbar button,.gallery-toolbar a{font-size:.875rem}.gallery-info>.button{width:100%}.gallery-viewer{min-height:420px}}
@media(max-height:600px) and (min-width:761px){.gallery-heading{padding-top:8px;padding-bottom:8px}.gallery-heading h2{font-size:1.125rem}.gallery-heading .eyebrow{display:none}.gallery-thumbnails img{height:35px}.gallery-thumbnails span{font-size:.75rem;padding:2px}.gallery-hint{display:none}.gallery-toolbar{padding-top:6px;padding-bottom:6px}.gallery-stage{min-height:110px}.gallery-caption{padding-top:4px;padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.case-image img{transition:none}.case-image:hover img{transform:none}}
@media print{.case-filters,.case-link,.case-open,.filter-result,.landing-nav,.case-grid{grid-template-columns:repeat(2,1fr)}.case-card{break-inside:avoid}.case-image{height:180px}.structural-grid,.trust-grid,.faq-grid{grid-template-columns:1fr}.structural-hero{color:var(--navy);background:white}.structural-lead,.structural-hero .hero-support{color:var(--graphite)}}

/* Preserve the portrait's natural proportions and show the full frame. */
.hero-grid{grid-template-columns:1.1fr .9fr;gap:50px}
.hero-photo{height:auto;aspect-ratio:1022/1371;width:100%;max-width:455px;justify-self:end}
.hero-photo>img{object-fit:contain;object-position:center}

/* Manual project carousel: native scrolling, with keyboard and touch controls. */
/* Landscape cover fills the card; the complete original render stays in the gallery. */
.case-image.model:is([data-project="edificio-comercial-padre-eustaquio"],[data-project="clinica-odontologica-eletrico-bt"],[data-project="clinica-odontologica-hidrossanitario"],[data-project="residencial-sonata-hidrossanitario"]){height:auto;aspect-ratio:16/9}
.case-image.model:is([data-project="edificio-comercial-padre-eustaquio"],[data-project="clinica-odontologica-eletrico-bt"],[data-project="clinica-odontologica-hidrossanitario"],[data-project="residencial-sonata-hidrossanitario"]) img{position:absolute;inset:0;object-fit:cover;padding:0;background:#EEF2F4}
.structural-visual.case-visual>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;padding:0;background:#EEF2F4}
.structural-visual.case-visual figcaption{font-size:.8125rem;line-height:1.8}
.structural-visual.case-visual figcaption .underlined-link{margin-top:8px;font-size:.8125rem}
.gallery-thumbnails{justify-content:flex-start}
.gallery-document{display:block;color:var(--navy);font-size:.8125rem;line-height:1.7;margin-top:15px;padding:10px 0;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.gallery-document:hover{color:var(--graphite)}
.showcase-intro{color:var(--graphite);font-size:1rem;margin-bottom:20px;line-height:1.8}
.showcase-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/2);gap:32px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--technical) var(--line);padding-bottom:17px;align-items:stretch}
.showcase-track::-webkit-scrollbar{height:5px}.showcase-track::-webkit-scrollbar-track{background:var(--line)}.showcase-track::-webkit-scrollbar-thumb{background:var(--technical);border-radius:5px}
.showcase-card{scroll-snap-align:start;scroll-margin:0}.showcase-card a:focus-visible{outline-offset:-5px}
.showcase-image{height:330px}.showcase-image.model img{object-fit:contain;background:var(--pale)}.showcase-image[data-project=estrutural] img{padding:17px;background:white}
.showcase-card .case-copy{padding:27px 29px}.showcase-card .case-copy h3{font-size:1.375rem}.showcase-card .case-copy>p{font-size:1rem;line-height:1.85}.showcase-card .case-meta{font-size:.875rem}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.showcase-arrow{min-height:46px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #AABAC6;background:white;color:var(--navy);border-radius:3px;font-size:.875rem;font-weight:600;line-height:1.5}.showcase-arrow span{font-size:1.25rem;font-weight:400}.showcase-arrow:hover:not(:disabled){border-color:var(--turquoise);background:#F1FBF9}.showcase-arrow:disabled{opacity:.45;cursor:default}
.showcase-progress{text-align:center}.showcase-progress>p{color:var(--graphite);font-size:.875rem;line-height:1.6}.showcase-dots{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:1px}.showcase-dots button{display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;border:0;background:transparent;padding:0;border-radius:3px}.showcase-dots button:before{content:"";width:9px;height:9px;border-radius:50%;background:#AABAC6;transition:background .2s,width .2s}.showcase-dots button[aria-current=true]:before{background:var(--navy);width:20px;border-radius:8px}.showcase-dots button:hover:before{background:var(--turquoise)}

@media(max-width:1100px){.hero-grid{gap:35px}.hero-photo{max-width:400px}.showcase-image{height:290px}.showcase-card .case-copy{padding:25px}.showcase-card .case-copy h3{font-size:1.25rem}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:37px}.hero-photo{width:calc(100% - 12px);max-width:455px;justify-self:start}.showcase-track{grid-auto-columns:100%;gap:22px}.showcase-image{height:300px}.showcase-card .case-copy{padding:24px}.showcase-card .case-copy h3{font-size:1.375rem}.showcase-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.showcase-arrow:first-child{justify-self:start}.showcase-arrow:last-child{justify-self:end}.showcase-progress{grid-column:1/-1;grid-row:2}.showcase-intro{font-size:.9375rem}}
@media(max-width:420px){.showcase-image{height:250px}.showcase-card .case-copy{padding:22px}.showcase-card .case-copy h3{font-size:1.25rem}.showcase-card .case-meta{font-size:.75rem}.showcase-arrow{padding:9px 14px;gap:10px}}
/* On small screens, captions sit below the photographs rather than dimming them. */
@media screen and (max-width:760px){
  .hero-photo,.company-photo{height:auto;aspect-ratio:auto}
  .hero-photo>img,.company-photo>img{height:auto;width:100%;object-fit:contain;object-position:center}
  .hero-photo>img{border-radius:3px 3px 0 0}
  .hero-photo figcaption,.company-photo figcaption{position:static;background:var(--navy);padding:18px 20px;border-top:1px solid #2AC2A750}
  .trust-photo{height:auto}.trust-photo>img{height:auto;object-fit:contain}
  .landing-nav .button{min-height:44px;font-size:.8125rem;padding:10px 12px}
  .gallery-heading .dialog-close{width:44px;height:44px;flex-shrink:0}
  .gallery-toolbar button,.gallery-toolbar a{min-height:44px}
  .zoom-controls #zoom-out,.zoom-controls #zoom-in{width:44px}
  .gallery-navigation button{width:44px;height:44px}
  .gallery-thumbnails{justify-content:flex-start}
}
@media screen and (max-width:420px){.landing-header .nav-shell{gap:12px}.landing-header .brand img{width:clamp(112px,32vw,134px)}}
@media(prefers-reduced-motion:reduce){.showcase-dots button:before{transition:none}.showcase-track{scroll-behavior:auto}}
@media print{.hero-photo{height:auto;max-width:320px}.showcase-track{overflow:visible;grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;gap:20px}.showcase-controls,.showcase-intro,.showcase-card{break-inside:avoid}.showcase-image{height:180px}}

.project-videos{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #C7D1D8}
.project-videos[hidden]{display:none}
.project-videos h3{margin:0 0 .7rem;font-size:1.4rem}
.project-videos>p,.project-videos figcaption{color:#465460;line-height:1.6}
.project-videos figure{margin:1.5rem 0 0}
.project-videos h4{margin:0 0 .65rem;font-size:1.1rem}
.project-videos video{display:block;width:100%;height:auto;max-height:70vh;background:#EEF2F4;border-radius:8px}
.project-videos figcaption{margin:.6rem 0}
.project-videos figure>a{display:inline-block;padding:.4rem 0;color:#061A2C;text-decoration:underline}

/* Desktop gallery scrolls within its bounded viewport, including fullscreen.
   Videos must not shrink the image stage or escape the hidden dialog edge. */
@media(min-width:761px){
  .gallery-body{grid-template-rows:minmax(0,1fr);overflow:hidden}
  .gallery-viewer{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
  .gallery-stage{flex:0 0 clamp(240px,43dvh,500px);min-height:240px}
  .gallery-shell:fullscreen .gallery-stage{flex-basis:clamp(240px,48dvh,600px)}
  .project-videos{flex:0 0 auto;padding:24px 20px;margin-top:24px}
  .project-videos video{object-fit:contain;max-height:60dvh}
}

.case-title-link{color:inherit;text-decoration:none;border-radius:2px}.case-title-link:hover{text-decoration:underline;text-decoration-color:var(--turquoise);text-underline-offset:4px}.case-title-link:focus-visible{outline:3px solid var(--turquoise);outline-offset:4px}