/* Public projects: each article can be repeated for the next release. */
.portfolio{padding:92px 0 70px;scroll-margin-top:12px}
.portfolio-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:42px}
.portfolio-heading .eyebrow{display:block;color:#34534a;margin-bottom:22px}
.portfolio-heading>p{max-width:430px;justify-self:end;color:var(--muted);font-size:16px;line-height:1.8}
.portfolio-projects{display:grid;gap:28px}
.portfolio-project{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid #d5ddd8;border-radius:26px;overflow:hidden;background:#fcfdfa}
.portfolio-art{padding:34px 38px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:#102c68;color:#fff;min-height:550px}
.portfolio-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 80%,#356ac855,transparent 65%),linear-gradient(140deg,#153b87,#0c234f)}
.portfolio-art:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(#a5c6ff44 1px,transparent 1px),linear-gradient(90deg,#a5c6ff44 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(0deg,#000,transparent 75%)}
.portfolio-art-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.17em;color:#d4e3ff}
.portfolio-art-label>span{font-size:24px;font-weight:400;letter-spacing:0}
.scanner-emblem{position:relative;margin:65px 0 38px;width:140px;height:140px}
.scanner-emblem img{position:relative;display:block;width:140px;height:140px;border-radius:30px;border:1px solid #ffffff24;box-shadow:0 20px 45px #06163355;transform:rotate(-7deg)}
.scanner-orbit{position:absolute;width:270px;height:270px;left:-66px;top:-65px;border:1px solid #aac9ff20;border-radius:50%;box-shadow:0 0 0 35px #a5c6ff06,0 0 0 70px #a5c6ff04}
.portfolio-art-title{position:relative;font:500 clamp(42px,4vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 44px}
.portfolio-art-title em{color:#bfd6ff;font-style:normal}
.portfolio-art-footer{display:flex;justify-content:space-between;gap:18px;margin-top:auto;border-top:1px solid #ffffff25;padding-top:20px;color:#ceddf7;font-size:10px;line-height:1.5}
.portfolio-art-footer>span:first-child{letter-spacing:.09em;max-width:190px}
.portfolio-art-footer>span:last-child{white-space:nowrap}
.portfolio-project-copy{padding:42px clamp(28px,3.2vw,52px);align-self:center;min-width:0}
.portfolio-meta{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:10px;letter-spacing:.11em;font-weight:650;color:#536d63;margin-bottom:18px}
.portfolio-meta span+span:before{content:'·';margin-right:18px;color:#788b81}
.portfolio-project h3{font-size:clamp(32px,3vw,43px);line-height:1.15;letter-spacing:-.045em;margin-bottom:16px;font-weight:550}
.portfolio-description{color:var(--muted);font-size:15px;line-height:1.8;max-width:510px}
.portfolio-features{list-style:none;margin:27px 0 30px;padding:0;display:grid;gap:18px}
.portfolio-features li{display:flex;gap:15px;align-items:baseline}
.portfolio-features li>span{font-size:10px;font-weight:650;color:#527448;flex-shrink:0;letter-spacing:.06em}
.portfolio-features strong{display:block;font-size:15px;font-weight:650;color:var(--ink);line-height:1.4;margin-bottom:3px}
.portfolio-features p{font-size:13px;color:var(--muted);line-height:1.65}
.portfolio-actions{display:flex;align-items:center;gap:18px 22px;flex-wrap:wrap}
.portfolio-actions .button{font-size:14px;padding:15px 23px;gap:20px;background:#123579}
.portfolio-actions .button>span{font-size:21px;line-height:1}
.portfolio-status{display:inline-flex;align-items:center;gap:8px;color:#57675e;font-size:12px}
.portfolio-status>span{height:6px;width:6px;background:#85a55b;border-radius:50%;flex-shrink:0}
.portfolio-availability{font-size:11px;line-height:1.65;color:#6b746f;margin-top:16px}
.portfolio-footer{border-bottom:1px solid #d2dcd4;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0 36px}
.portfolio-footer>p{font-size:14px;color:var(--muted)}
.portfolio-footer .text-link{font-size:14px;color:var(--ink);flex-shrink:0}
@media(min-width:1181px) and (max-width:1300px){.header{gap:20px;padding-inline:32px}.header nav{gap:19px;padding:15px 22px}}
@media(max-width:1180px){.header nav{display:none}.header .menu-toggle{display:block}.header>.button{margin-left:auto}.mobile-nav{position:fixed;top:108px;max-height:calc(100svh - 108px);overflow:auto}.header.scrolled+.mobile-nav{top:80px}}
@media(max-width:950px){.portfolio-heading{gap:35px}.portfolio-project{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.portfolio-art{padding:28px}.portfolio-project-copy{padding:32px 26px}.portfolio-art-footer{flex-direction:column;gap:10px}.portfolio-actions{gap:16px}}
@media(max-width:760px){.portfolio{padding:60px 0 30px}.portfolio-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.portfolio-heading>p{justify-self:start;max-width:550px;font-size:15px}.portfolio-heading .eyebrow{font-size:10px;margin-bottom:18px}.portfolio-project{grid-template-columns:minmax(0,1fr);border-radius:22px}.portfolio-art{min-height:390px;padding:28px 30px}.scanner-emblem{width:92px;height:92px;margin:35px 0 27px}.scanner-emblem img{width:92px;height:92px;border-radius:22px}.scanner-orbit{width:190px;height:190px;left:-49px;top:-49px}.portfolio-art-title{font-size:46px;margin-bottom:28px}.portfolio-art-footer{flex-direction:row;align-items:end}.portfolio-art-footer>span:first-child{max-width:180px}.portfolio-project-copy{padding:32px 28px}.portfolio-project h3{font-size:34px}.portfolio-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:25px 0 30px}.portfolio-features{margin-block:25px}}
@media(max-width:480px){.portfolio-heading h2{font-size:39px}.portfolio-project-copy{padding:29px 23px}.portfolio-meta{gap:8px 12px;font-size:9px}.portfolio-meta span+span:before{margin-right:12px}.portfolio-art{padding:24px;min-height:385px}.portfolio-art-footer{font-size:9px}.portfolio-art-footer>span:first-child{max-width:150px}.portfolio-actions{align-items:flex-start;flex-direction:column}.portfolio-actions .button{width:100%;justify-content:space-between}.portfolio-features p{font-size:13px}.portfolio-availability{max-width:265px}.mobile-nav{top:85px;max-height:calc(100svh - 85px)}.header.scrolled+.mobile-nav{top:75px}}

/* Organiza includes the product's own public demonstration image. */
.organiza-art{background:#e0e9f3;color:#102b50;justify-content:flex-start}
.organiza-art:before{background:radial-gradient(ellipse at 0% 40%,#fff9,transparent 70%),linear-gradient(150deg,#e7f0f7,#c9dcf2)}
.organiza-art:after{opacity:.15;background-image:linear-gradient(#5c7f9a44 1px,transparent 1px),linear-gradient(90deg,#5c7f9a44 1px,transparent 1px)}
.organiza-art .portfolio-art-label{color:#23425b}
.organiza-brand{display:flex;align-items:center;gap:12px;font-size:11px!important;letter-spacing:.14em!important}
.organiza-brand img{display:block;border-radius:9px}
.organiza-art .portfolio-art-title{font-size:clamp(40px,3.5vw,54px);margin:38px 0 26px}
.organiza-art .portfolio-art-title em{color:#2355a7}
.organiza-preview{margin:0 -12px 30px;position:relative}
.organiza-preview>a{display:block;border-radius:12px;overflow:hidden;border:1px solid #adc4db;box-shadow:0 18px 35px #41658b25;background:#f7faff;transition:transform .2s,box-shadow .2s}
.organiza-preview>a:hover{transform:translateY(-3px);box-shadow:0 22px 40px #41658b35}
.organiza-preview img{display:block;width:100%;height:auto}
.organiza-preview figcaption{font-size:10px;color:#3f5b72;margin-top:11px;text-align:center;letter-spacing:.015em}
.organiza-art .portfolio-art-footer{color:#355371;border-color:#5e789a35}
.portfolio-release{margin-top:22px;padding-top:18px;border-top:1px solid #dce4dc}
.portfolio-release .portfolio-status{color:#35623d;font-weight:550}
.portfolio-release .portfolio-status>span{background:#4d8c59}
.portfolio-release .portfolio-availability{margin-top:7px}
@media(max-width:950px) and (min-width:761px){.organiza-art .portfolio-art-title{font-size:40px}.organiza-preview{margin-inline:-14px}}
@media(max-width:760px){.organiza-art{min-height:0}.organiza-art .portfolio-art-title{font-size:46px;margin:30px 0 24px}.organiza-preview{margin-inline:0;margin-bottom:25px}}
@media(max-width:480px){.organiza-art .portfolio-art-title{font-size:41px}.organiza-preview{margin-inline:-10px}.portfolio-organiza .portfolio-actions .text-link{font-size:13px}.portfolio-heading .eyebrow{letter-spacing:.1em}}