/* Every new rule is restricted to the portfolio page or its namespaced UI. */
.slx-portfolio-page{margin:0;background:#061222;--slx-portfolio-admin:0px;--slx-portfolio-header:92px}.slx-portfolio-page.admin-bar{--slx-portfolio-admin:32px}.slx-portfolio-page #slx-home .slx-header{top:var(--slx-portfolio-admin)}
.slx-portfolio-page .slx-portfolio-skip{position:fixed;top:-120px;left:16px;z-index:10000;background:#dfc46f;color:#061222;padding:12px 20px;border-radius:5px}.slx-portfolio-page .slx-portfolio-skip:focus{top:calc(var(--slx-portfolio-admin) + 8px)}
#slx-portfolio.slx-portfolio{--slx-portfolio-navy:#061222;--slx-portfolio-panel:#0d2034;--slx-portfolio-gold:#dfc46f;--slx-portfolio-ivory:#f4f0e6;--slx-portfolio-muted:#b9c8d4;--slx-portfolio-gutter:clamp(20px,4.8vw,88px);color:var(--slx-portfolio-ivory);font:15px/1.65 Arial,Helvetica,sans-serif;background:var(--slx-portfolio-navy);min-width:0;isolation:isolate}
#slx-portfolio.slx-portfolio *{box-sizing:border-box}#slx-portfolio.slx-portfolio [hidden]{display:none!important}#slx-portfolio.slx-portfolio a{color:inherit;text-decoration:none}#slx-portfolio.slx-portfolio button,#slx-portfolio.slx-portfolio input{font:inherit}#slx-portfolio.slx-portfolio button{cursor:pointer}#slx-portfolio.slx-portfolio button:disabled{opacity:.48;cursor:default}#slx-portfolio.slx-portfolio :is(a,button,input){touch-action:manipulation}#slx-portfolio.slx-portfolio :focus-visible{outline:3px solid #dfc46f;outline-offset:5px}#slx-portfolio.slx-portfolio img{display:block;max-width:100%}#slx-portfolio.slx-portfolio :is(h1,h2,h3,p,figure){margin:0}#slx-portfolio.slx-portfolio :is(h1,h2,h3){font-weight:400;color:inherit}#slx-portfolio.slx-portfolio p{color:var(--slx-portfolio-muted)}#slx-portfolio.slx-portfolio em{color:var(--slx-portfolio-gold);font-weight:400}#slx-portfolio.slx-portfolio section[id]{scroll-margin-top:calc(var(--slx-portfolio-header) + var(--slx-portfolio-admin) + 16px)}
#slx-portfolio .slx-portfolio-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#slx-portfolio.slx-portfolio .slx-portfolio-eyebrow{font:600 10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.22em;color:var(--slx-portfolio-gold);margin-bottom:20px}
#slx-portfolio .slx-portfolio-hero{min-height:650px;height:min(740px,72vw);position:relative;display:flex;align-items:center;overflow:hidden}
#slx-portfolio .slx-portfolio-hero-art,#slx-portfolio .slx-portfolio-hero-shade{position:absolute;inset:0}
#slx-portfolio .slx-portfolio-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 44%;opacity:.84}
#slx-portfolio .slx-portfolio-hero-shade{background:linear-gradient(90deg,#061222f2 0%,#061222d4 27%,#0612223b 62%,#06122205 100%),linear-gradient(0deg,#061222 0%,transparent 42%)}
#slx-portfolio .slx-portfolio-hero-copy{position:relative;z-index:2;padding:54px var(--slx-portfolio-gutter) 86px;max-width:850px}
#slx-portfolio.slx-portfolio .slx-portfolio-hero h1{font:400 13px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.035em;color:#d0d9df;margin-bottom:22px}
#slx-portfolio.slx-portfolio .slx-portfolio-hero-title{font:400 clamp(60px,6.9vw,112px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.06em;color:var(--slx-portfolio-ivory)}
#slx-portfolio.slx-portfolio .slx-portfolio-intro{font-size:17px;line-height:1.7;max-width:430px;margin-top:27px;color:#e1e7eb}
#slx-portfolio .slx-portfolio-actions{display:flex;align-items:center;gap:13px;margin-top:31px;flex-wrap:wrap}
#slx-portfolio.slx-portfolio .slx-portfolio-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:13px 23px;border:1px solid #dfc46f;border-radius:30px;background:linear-gradient(115deg,#f0dba0,#d6b35c);color:#071320;font:700 13px/1.45 Arial,Helvetica,sans-serif;transition:transform .22s,box-shadow .22s}
#slx-portfolio .slx-portfolio-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #dfc46f24}
#slx-portfolio.slx-portfolio .slx-portfolio-button-quiet{background:#f4f0e60c;color:#f4f0e6;border-color:#f4f0e655}
#slx-portfolio.slx-portfolio .slx-portfolio-hero-note{font-size:11px;letter-spacing:.04em;color:#aebecb;margin-top:27px;max-width:460px}
#slx-portfolio .slx-portfolio-hero-note a{color:var(--slx-portfolio-gold);white-space:nowrap}
#slx-portfolio .slx-portfolio-hero-label{position:absolute;right:var(--slx-portfolio-gutter);bottom:61px;color:#c9d4dc9c;letter-spacing:.15em;font-size:9px}
#slx-portfolio .slx-portfolio-orbit{position:absolute;right:14%;top:18%;width:130px;height:45px;border:1px solid #dfc46f69;border-radius:50%;transform:rotate(-32deg);pointer-events:none;opacity:.7}
#slx-portfolio .slx-portfolio-orbit span{display:block;width:6px;height:6px;background:#dfc46f;border-radius:50%;position:absolute;left:40px;top:-2px;box-shadow:0 0 20px #dfc46f;animation:slx-portfolio-orbit 8s linear infinite}
@keyframes slx-portfolio-orbit{0%,100%{transform:translate(0,0);opacity:.5}50%{transform:translate(75px,24px);opacity:1}}
#slx-portfolio .slx-portfolio-cursor-glow{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--slx-portfolio-x,75%) var(--slx-portfolio-y,30%),#dfc46f17,transparent 70%);transition:opacity .3s}
@media(hover:hover) and (pointer:fine){#slx-portfolio .slx-portfolio-hero:hover .slx-portfolio-cursor-glow{opacity:1}}
#slx-portfolio .slx-portfolio-browser{position:relative;margin-top:-25px;z-index:3;padding-bottom:58px;min-width:0}
#slx-portfolio .slx-portfolio-toolbar{position:sticky;top:calc(var(--slx-portfolio-header) + var(--slx-portfolio-admin));z-index:10;display:flex;gap:20px;align-items:center;padding:0 var(--slx-portfolio-gutter);border-bottom:1px solid #ffffff14;background:#061222f5;backdrop-filter:blur(16px)}
#slx-portfolio .slx-portfolio-categories{display:flex;gap:25px;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#dfc46f44 transparent;overscroll-behavior-x:contain;flex:1}
#slx-portfolio .slx-portfolio-categories a{display:flex;align-items:center;min-height:65px;white-space:nowrap;font-size:12px;color:#b9c8d4;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
#slx-portfolio .slx-portfolio-categories a:hover{color:#f4f0e6}#slx-portfolio .slx-portfolio-categories a.slx-portfolio-active{color:#dfc46f;border-bottom-color:#dfc46f}
#slx-portfolio.slx-portfolio .slx-portfolio-motion{font-size:10px;letter-spacing:.03em;background:none;border:1px solid #ffffff25;color:#bcc8d1;border-radius:20px;padding:9px 13px;min-height:44px;white-space:nowrap}
#slx-portfolio .slx-portfolio-search-row{display:flex;align-items:center;gap:20px;padding:27px var(--slx-portfolio-gutter) 12px}
#slx-portfolio .slx-portfolio-search-row>p{font:italic 22px/1.3 Georgia,serif;letter-spacing:-.02em;margin-right:auto}
#slx-portfolio .slx-portfolio-search{display:flex;align-items:center;gap:10px;background:#ffffff06;border:1px solid #ffffff28;border-radius:5px;min-height:46px;width:min(400px,45%);padding-left:14px}
#slx-portfolio .slx-portfolio-search label{font:30px/1 Arial,sans-serif;color:#dfc46f}#slx-portfolio.slx-portfolio .slx-portfolio-search input[type=search]{width:100%;min-width:0;border:0;background:transparent;border-radius:0;padding:10px 0;color:#f4f0e6;box-shadow:none;font-size:12px;outline-offset:1px}
#slx-portfolio .slx-portfolio-search input::placeholder{color:#aebecb}
#slx-portfolio.slx-portfolio .slx-portfolio-search button{background:transparent;border:0;border-left:1px solid #ffffff14;color:#dfc46f;min-height:44px;padding:8px 12px;font-size:11px}
#slx-portfolio .slx-portfolio-clear{font-size:11px;text-decoration:underline!important;text-underline-offset:4px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
#slx-portfolio.slx-portfolio .slx-portfolio-demo-notice{padding:12px 17px;background:#dfc46f09;border:1px solid #dfc46f22;border-radius:4px;color:#b9c8d4;font:11px/1.7 Arial,sans-serif;margin:13px var(--slx-portfolio-gutter) 30px}
#slx-portfolio .slx-portfolio-demo-notice>span{font-size:9px;letter-spacing:.12em;font-weight:700;color:#dfc46f;margin-right:12px}
#slx-portfolio .slx-portfolio-shelf{position:relative;margin-top:20px;min-width:0}
#slx-portfolio .slx-portfolio-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 var(--slx-portfolio-gutter)}
#slx-portfolio .slx-portfolio-shelf-heading>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}
#slx-portfolio.slx-portfolio .slx-portfolio-shelf-heading h2{font:400 clamp(22px,2vw,29px)/1.2 Georgia,serif;letter-spacing:-.035em}
#slx-portfolio .slx-portfolio-shelf-number{color:#dfc46f99;font-size:9px;letter-spacing:.08em}
#slx-portfolio .slx-portfolio-arrows{display:flex;gap:5px}
#slx-portfolio.slx-portfolio .slx-portfolio-arrows button{width:42px;min-height:42px;background:#ffffff04;color:#f4f0e6;border:1px solid #ffffff25;border-radius:50%;font-size:18px}
#slx-portfolio .slx-portfolio-arrows button:hover:not(:disabled){border-color:#dfc46f;color:#dfc46f}
#slx-portfolio .slx-portfolio-track{--slx-portfolio-card-width:calc((100vw - 2 * var(--slx-portfolio-gutter) - 50px)/5.5);display:flex;gap:10px;padding:22px var(--slx-portfolio-gutter) 31px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:var(--slx-portfolio-gutter);overscroll-behavior-x:contain;min-width:0}
#slx-portfolio .slx-portfolio-track::-webkit-scrollbar{display:none}
#slx-portfolio .slx-portfolio-card{flex:0 0 var(--slx-portfolio-card-width);min-width:0;position:relative;scroll-snap-align:start;transition:transform .25s,filter .25s;transform-origin:center center}
#slx-portfolio .slx-portfolio-card-link{display:block;border-radius:5px;outline-offset:4px}
#slx-portfolio .slx-portfolio-card-art{position:relative;aspect-ratio:16/9;isolation:isolate;background:#102135;border-radius:5px;overflow:hidden;box-shadow:0 8px 16px #00000012}
#slx-portfolio .slx-portfolio-card-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#020b16d9,transparent 54%);opacity:.45;transition:opacity .25s}
#slx-portfolio .slx-portfolio-card-art>.slx-portfolio-image{width:100%;height:100%;object-fit:contain;transition:filter .3s}
#slx-portfolio .slx-portfolio-fit-cover>.slx-portfolio-image{object-fit:cover}
#slx-portfolio .slx-portfolio-badge{position:absolute;top:10px;left:10px;z-index:2;font:700 7px/1.4 Arial,sans-serif;letter-spacing:.09em;padding:4px 6px;background:#061222c9;color:#f4f0e6;border-radius:2px;max-width:calc(100% - 20px)}
#slx-portfolio .slx-portfolio-card-title{display:block;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 11px/1.6 Arial,sans-serif;color:#e2e7eb}
#slx-portfolio .slx-portfolio-card-meta{display:block;color:#8297aa;font:10px/1.6 Arial,sans-serif;margin-top:2px}
#slx-portfolio .slx-portfolio-card-reveal{position:absolute;left:12px;right:12px;bottom:11px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f4f0e6;font-size:10px;font-weight:600;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
#slx-portfolio .slx-portfolio-card-reveal>span:last-child{width:27px;height:27px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center}
#slx-portfolio .slx-portfolio-card:focus-within{z-index:4}
#slx-portfolio .slx-portfolio-card:focus-within .slx-portfolio-card-reveal{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){#slx-portfolio .slx-portfolio-card:hover{transform:translateY(-5px) scale(1.035);z-index:4}#slx-portfolio .slx-portfolio-card:hover .slx-portfolio-card-art:after,#slx-portfolio .slx-portfolio-card:focus-within .slx-portfolio-card-art:after{opacity:1}#slx-portfolio .slx-portfolio-card:hover .slx-portfolio-card-reveal{opacity:1;transform:translateY(0)}}
#slx-portfolio .slx-portfolio-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;background:#061222;pointer-events:none;z-index:1}
#slx-portfolio .slx-portfolio-preview.slx-portfolio-playing{opacity:1}
#slx-portfolio.slx-portfolio .slx-portfolio-preview-toggle{position:absolute;top:8px;right:8px;z-index:5;width:32px;height:32px;border:1px solid #ffffff80;border-radius:50%;background:#061222d9;color:#f4f0e6;display:grid;place-items:center;font-size:16px}
#slx-portfolio .slx-portfolio-results{padding:26px var(--slx-portfolio-gutter) 35px;min-height:220px;position:relative}
#slx-portfolio .slx-portfolio-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}
#slx-portfolio.slx-portfolio .slx-portfolio-results-heading h2{font-size:32px;letter-spacing:-.035em}
#slx-portfolio .slx-portfolio-results-heading p{font-size:12px}
#slx-portfolio .slx-portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 12px}
#slx-portfolio .slx-portfolio-results[aria-busy=true]:before{content:"";position:absolute;z-index:8;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#dfc46f,transparent);animation:slx-portfolio-loading 1s ease-in-out infinite}
@keyframes slx-portfolio-loading{0%,100%{opacity:.3}50%{opacity:1}}
#slx-portfolio .slx-portfolio-results[aria-busy=true] .slx-portfolio-grid{opacity:.5}
#slx-portfolio .slx-portfolio-empty{text-align:center;padding:55px 20px;font-size:15px;color:#aebecb}
#slx-portfolio.slx-portfolio .slx-portfolio-empty p{font:36px/1.3 Georgia,serif;color:#f4f0e6;margin-bottom:10px}
#slx-portfolio .slx-portfolio-error{padding:15px 20px;margin:15px var(--slx-portfolio-gutter);border:1px solid #dfc46f;color:#f4f0e6;font-size:13px}
#slx-portfolio .slx-portfolio-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
#slx-portfolio .slx-portfolio-pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ffffff30;border-radius:3px}
#slx-portfolio .slx-portfolio-pagination [aria-current]{border-color:#dfc46f;color:#dfc46f}
#slx-portfolio .slx-portfolio-cta{padding:75px var(--slx-portfolio-gutter) 86px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;border-top:1px solid #dfc46f25;background:radial-gradient(ellipse at 72% 100%,#16344988,transparent 65%)}
#slx-portfolio.slx-portfolio .slx-portfolio-cta h2{font:400 clamp(40px,4.4vw,67px)/1.04 Georgia,serif;letter-spacing:-.045em}
#slx-portfolio .slx-portfolio-cta>div:last-child{align-self:center;justify-self:end}
#slx-portfolio .slx-portfolio-cta .slx-portfolio-button{margin-top:22px}
#slx-portfolio .slx-portfolio-channel{display:block;font-size:11px;margin-top:20px;color:#aebecb}
#slx-portfolio .slx-portfolio-detail{max-width:1440px;margin-inline:auto;padding:40px var(--slx-portfolio-gutter) 70px}
#slx-portfolio .slx-portfolio-breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#aebecb;margin-bottom:26px}
#slx-portfolio .slx-portfolio-breadcrumbs a{color:#dfc46f}
#slx-portfolio .slx-portfolio-detail>.slx-portfolio-demo-notice{margin:0 0 26px}
#slx-portfolio .slx-portfolio-feature-media{position:relative;aspect-ratio:16/9;background:#0d2034;overflow:hidden;border-radius:6px}
#slx-portfolio .slx-portfolio-feature-media>.slx-portfolio-image{width:100%;height:100%;object-fit:contain}
#slx-portfolio .slx-portfolio-feature-media.slx-portfolio-fit-cover>.slx-portfolio-image{object-fit:cover}
#slx-portfolio .slx-portfolio-youtube{position:relative;aspect-ratio:16/9;background:#081727;overflow:hidden}
#slx-portfolio .slx-portfolio-youtube>.slx-portfolio-image{height:100%;width:100%;object-fit:contain;filter:brightness(.65)}
#slx-portfolio .slx-portfolio-youtube>.slx-portfolio-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}
#slx-portfolio .slx-portfolio-youtube iframe{height:100%;width:100%;position:absolute;inset:0;border:0}
#slx-portfolio.slx-portfolio .slx-portfolio-video-link,#slx-portfolio.slx-portfolio .slx-portfolio-missing-video{font-size:12px;margin:13px 0;color:#dfc46f}
#slx-portfolio .slx-portfolio-detail-heading{padding:43px 0 30px;max-width:900px}
#slx-portfolio.slx-portfolio .slx-portfolio-detail-heading h1{font:400 clamp(38px,4.9vw,69px)/1.07 Georgia,serif;letter-spacing:-.05em}
#slx-portfolio.slx-portfolio .slx-portfolio-summary{margin-top:22px;max-width:760px;font-size:18px;line-height:1.7;color:#c7d2db}
#slx-portfolio .slx-portfolio-detail-columns{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:70px;margin-top:12px}
#slx-portfolio .slx-portfolio-story{max-width:760px;min-width:0}
#slx-portfolio .slx-portfolio-body-copy p,#slx-portfolio .slx-portfolio-story section p{margin-bottom:16px}
#slx-portfolio .slx-portfolio-story section{margin-top:34px}
#slx-portfolio.slx-portfolio .slx-portfolio-story h2,#slx-portfolio.slx-portfolio .slx-portfolio-project-info h2{font-size:27px;margin-bottom:16px;letter-spacing:-.035em}
#slx-portfolio .slx-portfolio-highlights{display:grid;grid-template-columns:1fr 1fr;gap:30px}
#slx-portfolio .slx-portfolio-highlights ul{padding-left:19px;color:#b9c8d4;font-size:14px}
#slx-portfolio .slx-portfolio-highlights li{padding-left:4px;margin-bottom:10px}
#slx-portfolio .slx-portfolio-highlights li::marker{color:#dfc46f}
#slx-portfolio .slx-portfolio-project-info{border-left:1px solid #dfc46f30;padding-left:30px;align-self:start}
#slx-portfolio .slx-portfolio-project-info dl{margin:0}#slx-portfolio .slx-portfolio-project-info dl>div{margin:20px 0}
#slx-portfolio .slx-portfolio-project-info dt{text-transform:uppercase;font-size:9px;letter-spacing:.18em;color:#8199ac}
#slx-portfolio .slx-portfolio-project-info dd{margin:5px 0 0;font-size:13px;color:#e3e9ec}
#slx-portfolio .slx-portfolio-service-link{display:block;padding:12px 0;font-size:11px;color:#dfc46f;border-top:1px solid #ffffff15}
#slx-portfolio .slx-portfolio-detail-section{margin-top:65px}
#slx-portfolio.slx-portfolio .slx-portfolio-detail-section>h2{font-size:37px;letter-spacing:-.035em;margin-bottom:22px}
#slx-portfolio .slx-portfolio-detail-section>.slx-portfolio-shelf-heading{margin:0 0 24px}
#slx-portfolio .slx-portfolio-detail-section>.slx-portfolio-shelf-heading>a{font-size:12px;color:#dfc46f}
#slx-portfolio .slx-portfolio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
#slx-portfolio .slx-portfolio-gallery img{width:100%;height:auto;border-radius:4px}
#slx-portfolio .slx-portfolio-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#slx-portfolio .slx-portfolio-related-grid .slx-portfolio-card-title{font-size:13px}
#slx-portfolio .slx-portfolio-comparison{position:relative;isolation:isolate;aspect-ratio:3/2;background:#0d2034;margin-top:25px;padding-bottom:66px;border-radius:5px;overflow:hidden;--slx-portfolio-compare:50%}
#slx-portfolio .slx-portfolio-comparison>img,#slx-portfolio .slx-portfolio-comparison-after{position:absolute;inset:0 0 66px;width:100%;height:calc(100% - 66px)}
#slx-portfolio .slx-portfolio-comparison img{object-fit:contain;background:#0d2034}
#slx-portfolio .slx-portfolio-comparison-after{height:auto;clip-path:inset(0 calc(100% - var(--slx-portfolio-compare)) 0 0)}
#slx-portfolio .slx-portfolio-comparison-after img{width:100%;height:100%}
#slx-portfolio .slx-portfolio-comparison label{position:absolute;bottom:37px;left:18px;font-size:11px;color:#b9c8d4}
#slx-portfolio.slx-portfolio .slx-portfolio-comparison input{position:absolute;bottom:6px;left:16px;width:calc(100% - 32px);height:30px;accent-color:#dfc46f;cursor:ew-resize}
#slx-portfolio .slx-portfolio-compare-label{position:absolute;top:14px;padding:3px 10px;background:#061222cc;border-radius:3px;font-size:11px}
#slx-portfolio .slx-portfolio-compare-before{right:14px}#slx-portfolio .slx-portfolio-compare-after{left:14px}
#slx-portfolio.slx-portfolio.slx-portfolio-paused *,#slx-portfolio.slx-portfolio.slx-portfolio-paused *:before,#slx-portfolio.slx-portfolio.slx-portfolio-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
#slx-portfolio.slx-portfolio.slx-portfolio-paused .slx-portfolio-cursor-glow{display:none}
@media(min-width:1600px){#slx-portfolio .slx-portfolio-track{--slx-portfolio-card-width:calc((100vw - 2 * var(--slx-portfolio-gutter) - 60px)/6.3)}#slx-portfolio .slx-portfolio-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){#slx-portfolio .slx-portfolio-track{--slx-portfolio-card-width:calc((100vw - 2 * var(--slx-portfolio-gutter) - 26px)/3.4)}#slx-portfolio .slx-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#slx-portfolio .slx-portfolio-toolbar{gap:12px}#slx-portfolio .slx-portfolio-categories{gap:22px}#slx-portfolio .slx-portfolio-detail-columns{gap:38px}#slx-portfolio .slx-portfolio-hero{min-height:590px;height:auto}#slx-portfolio .slx-portfolio-hero-copy{padding-top:55px}}
@media(max-width:782px){.slx-portfolio-page.admin-bar{--slx-portfolio-admin:46px}}
@media(max-width:800px){.slx-portfolio-page{--slx-portfolio-header:76px}#slx-portfolio .slx-portfolio-hero{min-height:570px}#slx-portfolio .slx-portfolio-hero-copy{padding-top:43px;padding-bottom:76px;max-width:620px}#slx-portfolio .slx-portfolio-hero-art img{object-position:63% center;opacity:.7}#slx-portfolio .slx-portfolio-hero-shade{background:linear-gradient(90deg,#061222d9,#06122255),linear-gradient(0deg,#061222,transparent 80%)}#slx-portfolio .slx-portfolio-categories a{min-height:57px}#slx-portfolio .slx-portfolio-search-row{flex-wrap:wrap;gap:13px;padding-top:20px}#slx-portfolio .slx-portfolio-search-row>p{width:100%;font-size:21px}#slx-portfolio .slx-portfolio-search{width:calc(100% - 98px);flex:1}#slx-portfolio .slx-portfolio-detail-columns{grid-template-columns:1fr}#slx-portfolio .slx-portfolio-project-info{display:block;border-left:0;border-top:1px solid #dfc46f30;padding:25px 0 0}#slx-portfolio .slx-portfolio-project-info dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#slx-portfolio .slx-portfolio-detail{padding-top:25px}#slx-portfolio .slx-portfolio-hero-label{bottom:46px;font-size:8px}}
@media(max-width:600px){.slx-portfolio-page.admin-bar{--slx-portfolio-admin:0px}#slx-portfolio.slx-portfolio{font-size:14px;--slx-portfolio-gutter:20px}#slx-portfolio .slx-portfolio-hero{min-height:590px}#slx-portfolio.slx-portfolio .slx-portfolio-hero-title{font-size:clamp(55px,14.5vw,78px)}#slx-portfolio.slx-portfolio .slx-portfolio-eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:18px}#slx-portfolio.slx-portfolio .slx-portfolio-hero h1{font-size:11px;max-width:230px;margin-bottom:23px}#slx-portfolio.slx-portfolio .slx-portfolio-intro{font-size:14px;max-width:310px;margin-top:22px}#slx-portfolio .slx-portfolio-hero-copy{padding-top:36px;padding-bottom:70px}#slx-portfolio .slx-portfolio-actions{gap:10px}#slx-portfolio.slx-portfolio .slx-portfolio-button{padding:12px 17px;font-size:11px;gap:9px;min-height:46px}#slx-portfolio .slx-portfolio-track{--slx-portfolio-card-width:calc((100vw - 48px)/1.35);padding-top:20px;padding-bottom:30px;gap:9px}#slx-portfolio .slx-portfolio-shelf{margin-top:12px}#slx-portfolio .slx-portfolio-badge{font-size:7px}#slx-portfolio .slx-portfolio-card-title{font-size:12px}#slx-portfolio .slx-portfolio-card-meta{font-size:10px}#slx-portfolio .slx-portfolio-card-reveal{opacity:1;transform:none}#slx-portfolio .slx-portfolio-toolbar{padding-right:10px;gap:10px}#slx-portfolio .slx-portfolio-categories{gap:20px}#slx-portfolio.slx-portfolio .slx-portfolio-motion{font-size:8px;white-space:normal;line-height:1.25;max-width:58px;border-radius:5px;padding:6px}#slx-portfolio.slx-portfolio .slx-portfolio-demo-notice{font-size:10px;padding:11px 13px;margin-bottom:24px}#slx-portfolio .slx-portfolio-demo-notice>span{display:block;margin-bottom:3px}#slx-portfolio .slx-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}#slx-portfolio .slx-portfolio-grid .slx-portfolio-badge{font-size:5px;left:5px;top:5px;padding:3px}#slx-portfolio .slx-portfolio-grid .slx-portfolio-card-reveal{display:none}#slx-portfolio .slx-portfolio-grid .slx-portfolio-card-title{font-size:10px}#slx-portfolio .slx-portfolio-grid .slx-portfolio-card-meta{font-size:9px}#slx-portfolio .slx-portfolio-results{padding-top:20px}#slx-portfolio.slx-portfolio .slx-portfolio-results-heading h2{font-size:27px}#slx-portfolio .slx-portfolio-cta{grid-template-columns:1fr;padding-top:50px;padding-bottom:56px;gap:25px}#slx-portfolio .slx-portfolio-cta>div:last-child{justify-self:start}#slx-portfolio .slx-portfolio-orbit{right:10%;top:11%;width:80px;height:28px;opacity:.4}#slx-portfolio .slx-portfolio-related-grid{grid-template-columns:1fr;gap:25px}#slx-portfolio .slx-portfolio-highlights{grid-template-columns:1fr;gap:0}#slx-portfolio .slx-portfolio-gallery{grid-template-columns:1fr}#slx-portfolio .slx-portfolio-detail-heading{padding-top:30px}#slx-portfolio.slx-portfolio .slx-portfolio-detail-heading h1{font-size:39px}#slx-portfolio.slx-portfolio .slx-portfolio-summary{font-size:16px}#slx-portfolio .slx-portfolio-breadcrumbs{font-size:10px;gap:7px}#slx-portfolio .slx-portfolio-detail-section{margin-top:42px}#slx-portfolio .slx-portfolio-detail-section>.slx-portfolio-shelf-heading{align-items:flex-start}#slx-portfolio .slx-portfolio-detail-section>.slx-portfolio-shelf-heading>a{max-width:85px;text-align:right}#slx-portfolio .slx-portfolio-comparison{aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){#slx-portfolio.slx-portfolio *,#slx-portfolio.slx-portfolio *:before,#slx-portfolio.slx-portfolio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#slx-portfolio .slx-portfolio-cursor-glow{display:none}#slx-portfolio .slx-portfolio-card:hover{transform:none}}