/* Abrish Projects v33 – scoped to this Odoo page. No other pages are changed. */
#abr33-projects,.abr33-detail-page{--abr33-orange:#ff680e;--abr33-blue:#071f37;--abr33-ink:#0b2543;--abr33-faint:#f2f6fa;color:var(--abr33-ink);width:100%;max-width:100%;overflow:clip;font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:13px;line-height:1.48;background:#fff}
#abr33-projects *, .abr33-detail-page *{box-sizing:border-box}
#abr33-projects .abr33-shell,.abr33-detail-page .abr33-shell{max-width:1440px!important;width:calc(100% - 80px)!important;margin:auto!important;padding:0!important}
#abr33-projects :is(h1,h2,h3,p),.abr33-detail-page :is(h1,h2,h3,p){font-family:Inter,'Segoe UI',Arial,sans-serif!important;letter-spacing:-.025em!important;margin:0!important;line-height:1.23!important}
#abr33-projects p,.abr33-detail-page p{font-size:13px!important;line-height:1.46!important;font-weight:400!important}
#abr33-projects a,.abr33-detail-page a{text-decoration:none!important}
#abr33-projects button,.abr33-detail-page button{font-family:inherit;cursor:pointer}
#abr33-projects em{font-style:normal!important;color:var(--abr33-orange)!important}
#abr33-projects [hidden],.abr33-detail-page [hidden]{display:none!important}
#abr33-projects .abr33-hero{height:185px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#071c32 url('/construction_website_standalone/static/src/img/abr28_hero.webp') center 51% / cover no-repeat;color:#fff}
#abr33-projects .abr33-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,25,44,.98) 0%,rgba(5,28,49,.92) 27%,rgba(4,26,45,.65) 48%,rgba(5,21,38,.08) 76%,rgba(5,27,47,.92) 100%)}
#abr33-projects .abr33-hero:after{content:"";position:absolute;left:-20px;top:0;height:100%;width:220px;z-index:-1;transform:skew(-43deg);background:linear-gradient(90deg,#ff6b13 0 18%,transparent 18% 48%,#ff6b13 48% 66%,rgba(255,107,19,.35) 66%);opacity:.94;pointer-events:none}
#abr33-projects .abr33-hero-inside{display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;min-height:100%}
#abr33-projects .abr33-hero-copy{margin-left:135px;max-width:670px;z-index:1}
#abr33-projects .abr33-crumbs,.abr33-detail-page .abr33-crumbs{display:flex;gap:12px;align-items:center;font-size:12px;color:#e6edf6;margin-bottom:11px}
#abr33-projects .abr33-crumbs a,.abr33-detail-page .abr33-crumbs a{color:#fff!important}
#abr33-projects .abr33-hero h1{color:#fff!important;font-size:clamp(26px,2.3vw,35px)!important;font-weight:950!important;line-height:1.04!important;letter-spacing:-.045em!important}
#abr33-projects .abr33-hero-copy>p{color:#eef4f9!important;max-width:550px;font-size:12px!important;margin-top:7px!important}
#abr33-projects .abr33-hero-aside{font-size:17px!important;color:#fff!important;line-height:1.12!important;max-width:160px;position:relative;z-index:1}
#abr33-projects .abr33-hero-aside b{color:var(--abr33-orange)}
#abr33-projects .abr33-hero-aside:after{content:"";display:block;background:var(--abr33-orange);width:49px;height:4px;margin-top:9px}
#abr33-projects .abr33-portfolio{padding:15px 0 13px!important;background:#fff}
#abr33-projects .abr33-filter-strip{display:flex;align-items:center;gap:16px;margin-bottom:16px}
#abr33-projects .abr33-filter-track{display:flex;flex:1;min-width:0;gap:7px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;padding:2px 0 5px;overscroll-behavior-inline:contain}
#abr33-projects .abr33-tab{scroll-snap-align:start;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e7eef5;border-radius:4px;padding:9px 10px;color:#243a51;background:#f6f9fc;font-size:11px!important;font-weight:670;line-height:1.1;white-space:nowrap;transition:background .22s,box-shadow .22s,transform .22s,color .22s}
#abr33-projects .abr33-tab:hover{transform:translateY(-2px);background:#eaf1f6}
#abr33-projects .abr33-tab.is-active{background:var(--abr33-orange);color:#fff;border-color:var(--abr33-orange);box-shadow:0 7px 15px rgba(255,105,11,.19)}
#abr33-projects .abr33-filter-symbol{font-size:18px;line-height:1.1}
#abr33-projects .abr33-search{height:37px;display:flex;flex:0 0 240px;min-width:0;background:#fff;border:1px solid #d6e1e9;border-radius:5px;overflow:hidden;align-items:center}
#abr33-projects .abr33-search>svg{width:15px;height:15px;margin:0 9px;stroke:#8293a6;stroke-width:2;fill:none;flex:none}
#abr33-projects .abr33-search input{border:0!important;outline:0!important;min-width:0;flex:1;width:100%;background:transparent!important;font-size:11px!important;color:#092a46;box-shadow:none!important}
#abr33-projects .abr33-search input:focus-visible{outline:2px solid var(--abr33-orange)!important;outline-offset:-2px!important}
#abr33-projects .abr33-search>button{border:0;background:#09233d;color:#fff;width:35px;height:37px;font-size:23px}
#abr33-projects .abr33-headline-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:10px 0 10px}
#abr33-projects .abr33-eyebrow,.abr33-detail-page .abr33-eyebrow{font-size:11px!important;color:var(--abr33-orange)!important;font-weight:850!important;letter-spacing:.075em!important;display:inline-flex;align-items:center;gap:13px;margin-bottom:4px!important}
#abr33-projects .abr33-eyebrow:after,.abr33-detail-page .abr33-eyebrow:after{content:"";display:block;width:36px;height:1px;background:var(--abr33-orange)}
#abr33-projects .abr33-headline-row h2{font-size:clamp(19px,1.65vw,25px)!important;line-height:1.2!important;color:#071f3b!important;font-weight:875!important}
#abr33-projects .abr33-view-controls{display:flex;gap:7px;flex-shrink:0}
#abr33-projects .abr33-view-controls button{min-height:34px;border:1px solid #dbe5ee;color:#233d56;background:#f8fbfe;padding:0 13px;border-radius:4px;font-size:11px;font-weight:700}
#abr33-projects .abr33-view-controls button.is-active{background:var(--abr33-orange);color:#fff;border-color:var(--abr33-orange)}
#abr33-projects .abr33-context{margin:0 0 12px!important;color:#607286;font-size:10px!important;max-width:900px}
#abr33-projects .abr33-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px 16px!important;align-items:stretch!important}
#abr33-projects .abr33-project-card{display:flex!important;flex-direction:column!important;min-width:0;min-height:190px;position:relative;overflow:hidden;border:1px solid #e9f1f7;background:#fff;border-radius:6px;color:#0a2843!important;box-shadow:0 5px 16px rgba(16,43,68,.08);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
#abr33-projects .abr33-project-card:hover,#abr33-projects .abr33-project-card:focus-visible{transform:translateY(-5px)!important;box-shadow:0 15px 28px rgba(14,47,79,.15);border-color:#ffc8a8;outline-offset:1px}
#abr33-projects .abr33-card-image{position:relative;height:116px;overflow:hidden;background:#e3eaf0;flex:none}
#abr33-projects .abr33-card-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .5s ease!important;filter:none!important;opacity:1!important}
#abr33-projects .abr33-project-card:hover .abr33-card-image img{transform:scale(1.055)!important}
#abr33-projects .abr33-badge{position:absolute;top:10px;left:12px;background:#092d51;color:#fff;font-size:9px;font-weight:830;border-radius:15px;padding:4px 9px;line-height:1.2;box-shadow:0 2px 6px #07132233}
#abr33-projects .abr33-project-card:nth-child(4n+1) .abr33-badge{background:var(--abr33-orange)}
#abr33-projects .abr33-card-info{padding:8px 37px 11px 12px;position:relative;flex:1;display:flex;flex-direction:column;gap:4px}
#abr33-projects .abr33-client{font-size:10px!important;color:#ef471c;font-weight:700}
#abr33-projects .abr33-client b{color:#08385d;font-weight:750}
#abr33-projects .abr33-card-info h3{font-size:12px!important;line-height:1.15!important;font-weight:850!important;color:#082644!important;min-height:30px;max-width:300px}
#abr33-projects .abr33-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:10px;color:#22415b;margin-top:auto;padding-top:3px}
#abr33-projects .abr33-card-meta span{display:flex;align-items:center;gap:3px}
#abr33-projects .abr33-card-meta i{font-style:normal;color:#ff670e;font-size:15px;font-weight:900}
#abr33-projects .abr33-card-arrow{position:absolute;right:11px;bottom:17px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:500;line-height:1;width:27px;height:27px;border:1px solid var(--abr33-orange);color:var(--abr33-orange);border-radius:50%;transition:background .2s,color .2s}
#abr33-projects .abr33-project-card:hover .abr33-card-arrow{background:var(--abr33-orange);color:#fff}
#abr33-projects .abr33-more-wrap{text-align:center;min-height:0;margin-top:10px}
#abr33-projects .abr33-show-more{background:transparent;border:1px solid var(--abr33-orange);border-radius:5px;padding:8px 16px;font-size:11px;font-weight:800;color:#eb6011;transition:background .2s,color .2s}
#abr33-projects .abr33-show-more:hover{color:#fff;background:var(--abr33-orange)}
#abr33-projects .abr33-no-results{text-align:center;padding:30px;border:1px dashed #bccedd;background:#f8fafc;margin-top:10px}
#abr33-projects .abr33-no-results h3{font-size:20px!important}
#abr33-projects .abr33-no-results button{background:var(--abr33-orange);border:0;color:#fff;margin-top:12px;padding:8px 13px}
#abr33-projects .abr33-card-grid.is-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#abr33-projects .abr33-card-grid.is-list .abr33-project-card{min-height:120px;flex-direction:row!important}
#abr33-projects .abr33-card-grid.is-list .abr33-card-image{width:180px;height:auto;min-height:132px}
#abr33-projects .abr33-sectors{background:linear-gradient(110deg,#f0f7fd,#fafcff);padding:14px 0 23px!important;position:relative}
#abr33-projects .abr33-sector-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 13px}
#abr33-projects .abr33-sector-head h2{font-size:23px!important;color:#082442!important;font-weight:850!important}
#abr33-projects .abr33-sector-head p{max-width:400px;color:#38526a}
#abr33-projects #abr33-sector-all{background:var(--abr33-orange);color:#fff;border:0;border-radius:4px;padding:10px 17px;font-size:11px;font-weight:850;white-space:nowrap}
#abr33-projects .abr33-sector-scroll{display:grid!important;grid-auto-columns:minmax(145px,1fr);grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 9px}
#abr33-projects .abr33-sector-card{scroll-snap-align:start;background:#fff;display:flex;min-width:0;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #e1e9f2;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px #0a283c0b;transition:transform .2s,border-color .2s;padding:0 0 6px}
#abr33-projects .abr33-sector-card:hover{transform:translateY(-3px);border-color:#ff914f}
#abr33-projects .abr33-sector-card.is-active{border:2px solid var(--abr33-orange);padding-bottom:5px}
#abr33-projects .abr33-sector-card img{width:100%;height:67px;object-fit:cover;display:block}
#abr33-projects .abr33-sector-card strong{font-size:10px;font-weight:850;padding:5px 7px 1px;color:#14304b;line-height:1.2}
#abr33-projects .abr33-sector-card small{font-size:10px;color:#4e6073;padding:0 7px}
#abr33-projects .abr33-swipe-hint{display:none}
#abr33-projects.abr33-motion-on .abr33-reveal{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease,box-shadow .25s ease}
#abr33-projects.abr33-motion-on .abr33-reveal.is-visible{opacity:1;transform:translateY(0)}
#abr33-projects .abr33-hero h1{animation:abr33-rise .65s both}
#abr33-projects .abr33-hero-copy>p{animation:abr33-rise .65s .14s both}
@keyframes abr33-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
/* Detailed profile case pages */
.abr33-detail-page .abr33-detail-hero{background:linear-gradient(95deg,#071e34dd,#071e34b0),url('/construction_website_standalone/static/src/img/abr28_hero.webp') center/cover;min-height:230px;padding:42px 0;color:#fff}
.abr33-detail-page .abr33-detail-hero h1{font-size:clamp(25px,3vw,41px)!important;color:#fff!important;max-width:940px;font-weight:850!important;margin:13px 0!important}
.abr33-detail-page .abr33-detail-body{padding:45px 0 60px!important;display:grid;grid-template-columns:1.1fr .9fr;gap:40px}
.abr33-detail-page .abr33-detail-image{border-radius:8px;overflow:hidden;align-self:start;background:#eef5fa;box-shadow:0 8px 25px #001d3a16}
.abr33-detail-page .abr33-detail-image img{display:block;width:100%;height:360px;object-fit:cover}
.abr33-detail-page .abr33-detail-image span{display:block;font-size:10px;padding:10px 14px;color:#62758a}
.abr33-detail-page .abr33-detail-side h2{font-weight:850!important;font-size:27px!important;margin:9px 0 17px!important}
.abr33-detail-page .abr33-detail-fact{border-bottom:1px solid #dce7ef;padding:11px 0;display:grid;grid-template-columns:140px auto;gap:12px}
.abr33-detail-page .abr33-detail-fact span{font-size:12px;color:#5c6f80}.abr33-detail-page .abr33-detail-fact strong{font-size:13px;color:#102b44}
.abr33-detail-page .abr33-detail-side>p{margin:20px 0!important;color:#465f77!important}
.abr33-detail-page .abr33-detail-actions{display:flex;flex-wrap:wrap;gap:11px}
.abr33-detail-page .abr33-detail-back,.abr33-detail-page .abr33-detail-quote{display:inline-flex;padding:11px 17px;border:1px solid #0d304d;color:#0b304c;font-weight:800;border-radius:5px;font-size:12px}
.abr33-detail-page .abr33-detail-quote{background:#ff680e;color:#fff;border-color:#ff680e}
@media (max-width:1200px){#abr33-projects .abr33-shell,.abr33-detail-page .abr33-shell{width:calc(100% - 42px)!important}#abr33-projects .abr33-hero-copy{margin-left:95px}#abr33-projects .abr33-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#abr33-projects .abr33-sector-scroll{grid-auto-columns:158px}#abr33-projects .abr33-filter-strip{align-items:stretch}#abr33-projects .abr33-search{flex-basis:220px}}
@media (max-width:800px){#abr33-projects .abr33-hero-copy{margin-left:40px}#abr33-projects .abr33-hero-aside{display:none}#abr33-projects .abr33-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#abr33-projects .abr33-filter-strip{flex-direction:column;gap:8px}#abr33-projects .abr33-search{flex-basis:auto;width:100%}#abr33-projects .abr33-filter-track{flex:none;width:100%}#abr33-projects .abr33-sector-head{flex-wrap:wrap;gap:9px}#abr33-projects .abr33-sector-head p{max-width:none;flex:1 1 100%}#abr33-projects .abr33-card-grid.is-list{grid-template-columns:1fr!important}.abr33-detail-page .abr33-detail-body{grid-template-columns:1fr}}
@media (max-width:520px){#abr33-projects .abr33-shell,.abr33-detail-page .abr33-shell{width:calc(100% - 28px)!important}#abr33-projects .abr33-hero{height:202px;background-position:60% center}#abr33-projects .abr33-hero:after{left:-76px;width:155px}#abr33-projects .abr33-hero-copy{margin-left:22px}#abr33-projects .abr33-hero h1{font-size:25px!important}#abr33-projects .abr33-hero-copy>p{font-size:11px!important;max-width:275px}#abr33-projects .abr33-portfolio{padding-top:10px!important}#abr33-projects .abr33-filter-track{gap:5px}#abr33-projects .abr33-tab{font-size:10px!important;padding:9px 8px}#abr33-projects .abr33-headline-row{align-items:flex-start;gap:10px;flex-wrap:wrap}#abr33-projects .abr33-headline-row h2{font-size:22px!important}#abr33-projects .abr33-view-controls{margin-left:auto}#abr33-projects .abr33-card-grid{grid-template-columns:1fr!important;gap:12px!important}#abr33-projects .abr33-project-card{min-height:225px}#abr33-projects .abr33-card-image{height:160px}#abr33-projects .abr33-card-info h3{min-height:auto;font-size:13px!important}#abr33-projects .abr33-sector-scroll{grid-auto-columns:155px}#abr33-projects .abr33-sector-head h2{font-size:20px!important}#abr33-projects .abr33-swipe-hint{display:block;font-size:10px!important;color:#4e6a80;padding-top:5px}#abr33-projects .abr33-card-grid.is-list .abr33-card-image{width:102px;min-height:150px;height:auto}#abr33-projects .abr33-card-grid.is-list .abr33-project-card{min-height:150px}#abr33-projects .abr33-card-grid.is-list .abr33-card-info h3{font-size:12px!important}.abr33-detail-page .abr33-detail-body{gap:22px;padding:24px 0 45px!important}.abr33-detail-page .abr33-detail-image img{height:240px}.abr33-detail-page .abr33-detail-fact{grid-template-columns:110px auto}}
@media(prefers-reduced-motion:reduce){#abr33-projects *,#abr33-projects *:before,#abr33-projects *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#abr33-projects.abr33-motion-on .abr33-reveal{opacity:1!important;transform:none!important}}

/* Ensure filtered items collapse even with the card's forced display style. */
#abr33-projects .abr33-project-card[hidden]{display:none!important}
#abr33-projects .abr33-hero-art{position:absolute;top:0;bottom:0;left:40%;right:10%;pointer-events:none;background:url('/construction_website_standalone/static/src/img/abr33_hero_people.webp') center center / cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 82%,transparent 100%);opacity:.92;z-index:-1}
#abr33-projects .abr33-hero:before{z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,25,44,.96) 0%,rgba(5,28,49,.78) 28%,rgba(4,26,45,.34) 46%,rgba(5,21,38,.05) 76%,rgba(5,27,47,.94) 100%)}
#abr33-projects .abr33-hero-art{z-index:0}
#abr33-projects .abr33-hero:after{z-index:1}
#abr33-projects .abr33-hero-inside{z-index:2}
@media(max-width:700px){#abr33-projects .abr33-hero-art{left:28%;right:0;opacity:.54}}