/* Staron / Staroxide direction. Shared by both shortlisted solutions layouts. */
:root{--navy:#071e2c;--deep:#061924;--aqua:#b8e3df;--muted:#b0c4cd}
.hero{background:radial-gradient(ellipse at 80% 60%,#17485e70,transparent 62%),#071e2c}.hero em,.contact h2 em{color:#b8e3df}
.intro{background:#0b2939;color:#eef5f2;--aqua:#b8e3df;border-top:1px solid #294653}.intro em,.research em{color:#b8e3df}.intro p{color:#b0c4cd}.intro .lead{color:#eef5f2}.intro .kicker,.intro .line-link{color:#c5dbdf}.principles{border-color:#345260;color:#dce9ed}.principles b{color:#b8e3df}
.research{background:#0b2939;color:#eef5f2}.research p{color:#b0c4cd}.research .eyebrow,.research-note,.research .line-link{color:#b8d9df}.research-note i{background:#527786}
.journal{background:#eaf1f5;color:#14384e}.contact{background:radial-gradient(ellipse at 90% 50%,#17485e55,transparent 62%),#071e2c}.contact p{color:#b0c4cd}
.portfolio[data-layout=a],.portfolio[data-layout=b]{color:#eef5f2;background:#071e2c;border-top:1px solid #294653}
.portfolio[data-layout=a] em,.portfolio[data-layout=b] em{color:#b8e3df}
.portfolio[data-layout=b] .kicker,.portfolio[data-layout=b] .section-head>p,.portfolio[data-layout=b] .solution-study>span{color:#b1c9d2}
.portfolio[data-layout=b] .solution-study>a{border-color:#567581}.portfolio[data-layout=b] .solution-study>a[aria-current],.portfolio[data-layout=a] .solution-study>a[aria-current]{background:#d9eef0;color:#123b48;border-color:#d9eef0}
.portfolio[data-layout=a] .product-index{grid-template-columns:repeat(5,1fr);gap:0}.portfolio[data-layout=a] .product-index button{min-height:76px;border-bottom:1px solid #365461;padding:12px 15px}.portfolio[data-layout=a] .product-index button[aria-selected=true]{background:#153c4d;border-top-color:#b8e3df}
.portfolio[data-layout=a] .product-display{background:radial-gradient(ellipse at 25% 65%,#2f71842b,transparent 60%),#0c2a3a;margin-top:20px;border-color:#345562}.portfolio[data-layout=a] .product-info{gap:20px;align-items:flex-start;flex-direction:column}.portfolio[data-layout=a] .product-info p{max-width:430px}.portfolio[data-layout=a] .circle-link{font-size:14px;border-radius:30px;width:auto;height:auto;padding:10px 22px;display:inline-block}.portfolio[data-layout=a] .product-art .application-photo{width:90%;max-width:460px;height:245px;object-fit:cover;filter:none}.portfolio[data-layout=a] .product-art .packshot{max-width:75%;height:255px}
.portfolio[data-layout=b] .portfolio-grid{grid-template-columns:1.15fr 1fr 1fr;gap:18px}
.portfolio-card{background:#103143;color:#eef5f2;border-color:#365360;min-height:300px;display:block;grid-column:auto;grid-row:auto}.portfolio-card:hover{box-shadow:0 15px 35px #0002;border-color:#7daebc}.card-no{color:#b1ccd7}.card-copy p{color:#b9cfd8;font-size:14px}.card-copy h3{color:#f1f7f7;font-size:26px}.card-art{height:175px;justify-content:center;margin:12px 0 22px}.card-art img{height:165px;width:auto;max-width:100%;object-fit:contain;transition:transform .5s}.portfolio-card:hover .card-art img{transform:translateY(-4px)}.card-art svg{stroke:#b8e3df}.card-0{grid-row:span 2;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#31697c70,transparent 65%),#0c2b3b}.card-0 .card-art{min-height:300px}.card-0 .card-art img{height:320px}.card-0 .card-copy{margin-top:auto}.card-0 .card-copy h3{font-size:40px}
.photo-card .card-art{height:160px;float:none;margin:20px -10px}.photo-card .card-art img{height:100%;width:100%;object-fit:cover;max-width:100%}.card-5 .card-copy,.card-5 .card-art{grid-column:auto;grid-row:auto}.portfolio-card:last-child{grid-column:span 2;min-height:235px;display:grid;grid-template-columns:1fr 160px}.portfolio-card:last-child .card-art{grid-column:2;grid-row:1 / span 2;margin:0;height:160px}.portfolio-card:last-child .card-copy{grid-column:1}.card-arrow{color:#c8e4e8}
@media(max-width:1100px){.portfolio[data-layout=b] .portfolio-grid{grid-template-columns:1fr 1fr}.card-0{grid-row:span 2}.portfolio-card:last-child{grid-column:auto;display:block}.portfolio-card:last-child .card-art{height:100px;float:right}.portfolio-card:last-child .card-copy{clear:both}.portfolio[data-layout=a] .product-index button strong{font-size:15px}}
@media(max-width:760px){.portfolio[data-layout=a] .product-index{display:flex}.portfolio[data-layout=a] .product-index button{min-width:160px}.portfolio[data-layout=a] .product-art .application-photo{width:100%;height:210px}.portfolio[data-layout=a] .product-art .packshot{height:210px}.portfolio[data-layout=b] .portfolio-grid{grid-template-columns:1fr}.card-0{grid-row:auto}.card-0 .card-art{min-height:280px}.card-0 .card-art img{height:260px}.portfolio-card:last-child{grid-column:auto}.portfolio-card{min-height:320px}.photo-card .card-art{height:180px}.portfolio[data-layout=a] .product-info{gap:18px}.portfolio[data-layout=a] .product-display{min-height:545px}.product-info h3{font-size:29px}}
/* Original logo on a curved light inset within the navy navigation. */
header{background:#071e2c;color:#edf5f7;border-color:#2b4551;height:90px;position:relative;z-index:20}header>a:first-child{height:100%;display:flex;align-items:center;background:#f4f8fa;padding:10px 33px 10px 20px;border-radius:0 0 48px 0;margin-left:-20px;flex-shrink:0}header .logo{width:130px}header nav>a:hover{color:#b8e3df}header nav .outline{color:#d1e8ee;border-color:#7495a3}header nav .outline:hover{background:#193c4d}.menu{color:#eef5f7;border-color:#78939d}
.portfolio[data-layout=a] .product-index{grid-template-columns:repeat(3,1fr)}.portfolio[data-layout=a] .product-index button strong{font-size:18px}.portfolio[data-layout=a] .product-info{align-self:center}.portfolio[data-layout=a] #product-link[hidden]{display:none}
.category-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;width:100%}.category-links a{border:1px solid #64869466;border-radius:5px;padding:9px 12px;display:flex;gap:16px;align-items:center;font-size:13px;color:#f2f7f8;transition:background .2s,border-color .2s}.category-links a span{font-size:10px;color:#b6d5dc;white-space:nowrap}.category-links a:hover{background:#295367;border-color:#b8e3df}.product-info .category-links{margin-top:0}
.vax-front{display:block;position:relative;aspect-ratio:823/704;width:210px;overflow:hidden;flex-shrink:0}.vax-front img{position:absolute!important;width:228.6756%!important;max-width:none!important;height:auto!important;left:-10.9356%;top:-9.9432%;object-fit:initial!important;filter:none!important;transform:none!important;animation:none!important}.product-art>.vax-front{width:285px}.card-art>.vax-front{width:220px}.pack-family{display:flex;align-items:flex-end;justify-content:center;width:100%;gap:14px}.pack-family>div{display:flex;justify-content:center;align-items:flex-end;min-width:0;flex:1}.pack-family img{width:auto!important;max-width:100%!important;height:175px!important;object-fit:contain}.pack-family>div:nth-child(2) img{height:220px!important}.pack-family>div:nth-child(3) img{height:205px!important}.pack-family>div:nth-child(4) img{height:180px!important}
.portfolio[data-layout=b] .portfolio-grid{grid-template-columns:repeat(3,1fr)}.portfolio-card{display:flex;flex-direction:column;grid-column:auto!important;grid-row:auto!important;min-height:475px}.portfolio-card .card-art{height:210px;min-height:210px;flex:none;float:none;margin:20px 0}.portfolio-card .card-copy{margin:0;padding:0}.portfolio-card .card-copy h3{font-size:29px}.portfolio-card .card-copy p{padding:0}.portfolio-card .category-links{margin-top:auto;padding-top:22px}.portfolio-card .category-links a{font-size:12px;gap:10px}.portfolio-card .category-links a span{font-size:10px}.portfolio-card:last-child{display:flex;min-height:475px}.portfolio-card:last-child .card-art{height:210px;float:none;margin:20px 0}.card-0{grid-column:span 2!important;background:radial-gradient(ellipse at 50% 35%,#31697c50,transparent 65%),#0c2b3b}.card-0 .card-art{min-height:240px;height:240px}.card-0 .pack-family{max-width:550px;margin:auto}.card-0 .card-copy h3{font-size:36px}.photo-card .card-art img{width:100%;height:100%;object-fit:cover}.card-5 .card-art{justify-content:center}.portfolio-card:hover .vax-front img{transform:none}
@media(max-width:1100px){.portfolio[data-layout=b] .portfolio-grid{grid-template-columns:repeat(2,1fr)}.card-0{grid-column:span 2!important}}
@media(max-width:980px){header{height:82px}header>a:first-child{padding:10px 25px 10px 18px;border-radius:0 0 38px 0}header .logo{width:116px}nav{background:#0b2939;color:#eef5f7;top:114px}nav>a{border-color:#345361}.menu{color:#eef5f7}}
@media(max-width:760px){header{height:80px}header .logo{width:110px}nav{top:106px}.portfolio[data-layout=a] .product-index{display:flex}.portfolio[data-layout=a] .product-index button{min-width:195px}.portfolio[data-layout=a] .product-index button strong{font-size:16px}.portfolio[data-layout=b] .portfolio-grid{grid-template-columns:1fr}.card-0{grid-column:auto!important}.portfolio-card,.portfolio-card:last-child{min-height:440px}.card-0 .card-copy h3{font-size:29px}.pack-family{gap:8px}.pack-family img{height:125px!important}.pack-family>div:nth-child(2) img{height:165px!important}.pack-family>div:nth-child(3) img{height:155px!important}.pack-family>div:nth-child(4) img{height:130px!important}.product-art>.vax-front{width:235px}.category-links a{font-size:12px}.portfolio[data-layout=a] .product-info h3{font-size:29px}.portfolio[data-layout=a] .product-display{min-height:570px}}
@media(min-width:1101px){.portfolio-card:last-child{grid-column:1 / -1!important;min-height:240px;display:grid;grid-template-columns:1fr 2fr 1fr;column-gap:30px;align-items:center}.portfolio-card:last-child .card-no{grid-column:1 / -1}.portfolio-card:last-child .card-art{grid-column:1;grid-row:2;min-height:130px;height:130px;margin:0}.portfolio-card:last-child .card-copy{grid-column:2;grid-row:2}.portfolio-card:last-child .category-links{grid-column:3;grid-row:2;margin:0;padding:0}.portfolio-card:last-child .card-art svg{height:110px}}
/* Restore the brighter blue gradient reference and symmetric brand capsule. */
:root{--aqua:#b8dff5;--navy:#081e3a;--deep:#06152b}
header{background:#071b34;border-color:#345477}header>a:first-child{height:76px;padding:8px 26px;border-radius:0 0 46% 46%;align-self:flex-start;margin-left:-12px;background:#f5f9fc}header .logo{width:126px}
.hero{background:radial-gradient(ellipse at 82% 56%,#205a8a55,transparent 62%),linear-gradient(112deg,#06142c 10%,#0c2b50 65%,#123b65)}
.hero em,.intro em,.research em,.contact h2 em,.portfolio[data-layout=a] em,.portfolio[data-layout=b] em{color:#b8dff5}
.intro,.research{background:linear-gradient(115deg,#0b2442,#173e62);border-color:#345477}
.portfolio[data-layout=a],.portfolio[data-layout=b]{background:radial-gradient(ellipse at 90% 15%,#316c9c35,transparent 65%),linear-gradient(125deg,#091d37,#153a60);border-color:#345477}
.portfolio-card{background:linear-gradient(145deg,#204766,#153653);border-color:#4b71934f}.card-0{background:radial-gradient(ellipse at 50% 30%,#4b91c344,transparent 65%),linear-gradient(135deg,#183d60,#102b49)}
.portfolio[data-layout=a] .product-display{background:radial-gradient(ellipse at 20% 50%,#448cc33b,transparent 60%),#153858;border-color:#426e91}.portfolio[data-layout=a] .product-index button[aria-selected=true]{background:#2c5a7d55;border-color:#b8dff5}
.contact{background:radial-gradient(ellipse at 85% 45%,#3179b044,transparent 65%),linear-gradient(115deg,#081e3a,#153d65)}
.chemistry-knot{width:100%;height:100%;overflow:visible}.knot-float{transform-origin:320px 276px;animation:knot-drift 14s ease-in-out infinite alternate}.field-satellite{transform-origin:320px 276px;animation:field-circuit 28s linear infinite}.field-orbit{transform-origin:320px 276px;animation:field-sway 20s ease-in-out infinite alternate}.chemistry-sculpture .orb-caption{bottom:35px;left:18%;right:12%}
@keyframes knot-drift{from{transform:translateY(7px) rotate(-9deg)}to{transform:translateY(-7px) rotate(10deg)}}@keyframes field-circuit{to{transform:rotate(360deg)}}@keyframes field-sway{to{transform:rotate(12deg)}}
@media(max-width:980px){header>a:first-child{height:72px;padding:7px 23px;border-radius:0 0 46% 46%;margin-left:-12px}header .logo{width:112px}nav{background:#0e2c4a}}
@media(max-width:760px){header>a:first-child{height:70px;padding:8px 22px;border-radius:0 0 46% 46%;margin-left:0}header .logo{width:106px}.chemistry-sculpture .orb-caption{bottom:0;left:12%;right:12%}.chemistry-knot{overflow:hidden}}
/* Taller brand inset and a footer that continues the page's blue palette. */
header{height:102px}header>a:first-child{height:90px;padding-top:12px;padding-bottom:14px;border-radius:0 0 46% 46%}
footer{background:radial-gradient(ellipse at 90% 20%,#3179b025,transparent 65%),linear-gradient(115deg,#081e3a,#153d65);color:#eef5f7;border-top:1px solid #6087a33d}
.footer-main .logo{width:166px;padding:13px 20px 16px;background:#f5f9fc;border-radius:0 0 36% 36%;filter:none}
footer p,.footer-main>div>a,.footer-bottom,.footer-bottom a{color:#c2d6e6}.footer-main>div>span{color:#a9d4f2}.footer-main>div>a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{border-color:#6087a34f}#effects{background:#102c49;color:#e0edf7;border-color:#6485a0}
@media(max-width:980px){header{height:94px}header>a:first-child{height:84px;padding-top:10px;padding-bottom:13px}nav{top:126px}}
@media(max-width:760px){header{height:92px}header>a:first-child{height:82px}nav{top:118px}.footer-main .logo{width:150px;padding:12px 17px 15px}}
.art-study{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-12px 0 32px;padding:16px 0;border-top:1px solid #7ca3c02e;border-bottom:1px solid #7ca3c02e}.art-study>span{font-size:10px;letter-spacing:.13em;margin-right:auto;color:#b7d4e7}.art-study a{font-size:12px;padding:9px 14px;border-radius:24px;border:1px solid #83abc04d}.art-study a[aria-current]{background:#cce7f7;color:#12314c}.art-study small{width:100%;text-align:right;font-size:10px;color:#a6c5dc}
.category-artwork{display:block;flex:none;width:240px;aspect-ratio:1;background-size:300% 200%;background-position:var(--art-x) var(--art-y);border-radius:8px;transition:transform .6s,box-shadow .6s}.art-sculpture{background-image:url('/assets/homepage/products/category-sculptures.png')}.art-photo{background-image:url('/assets/homepage/products/category-photography.png')}.portfolio-card:hover .category-artwork{transform:translateY(-5px);box-shadow:0 15px 28px #03172b33}.portfolio-card .card-art:has(.category-artwork){height:260px;min-height:260px;justify-content:center}.card-0 .card-art:has(.category-artwork){height:260px;min-height:260px}.portfolio-card:last-child .card-art:has(.category-artwork){height:200px;min-height:200px}.portfolio-card:last-child .category-artwork{width:185px}.portfolio[data-layout=a] .product-art:has(.category-artwork){height:325px}.portfolio[data-layout=a] .category-artwork{width:300px}.molecular-nodes{filter:drop-shadow(0 0 5px #80caff3b)}
@media(max-width:760px){.art-study{gap:8px}.art-study>span{width:100%;margin-bottom:4px}.art-study a{font-size:11px;padding:9px 10px}.art-study small{text-align:left}.category-artwork{width:240px}.portfolio[data-layout=a] .category-artwork{width:245px}.portfolio[data-layout=a] .product-art:has(.category-artwork){height:275px}.portfolio-card:last-child .category-artwork{width:220px}}
.art-sculpture{border-radius:0;mask-image:radial-gradient(ellipse at center,#000 57%,#000c 70%,transparent 98%)}
/* Additional visual studies: consistent category geometry and hierarchy. */
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card,
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card:last-child{grid-column:auto!important;grid-row:auto!important;display:flex;flex-direction:column;min-height:510px;padding:25px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card .card-art,
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card:last-child .card-art{height:230px;min-height:230px;margin:15px 0 20px;display:flex;align-items:center;justify-content:center;grid-column:auto;grid-row:auto}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card .card-copy{grid-column:auto;grid-row:auto;width:100%}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card .card-copy h3{font-size:28px;min-height:64px;line-height:1.12}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card .card-copy p{min-height:72px;max-width:none}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card .category-links{grid-column:auto;grid-row:auto;padding-top:22px;margin-top:auto}
body[data-art=sculpture2] .portfolio-card .category-artwork{width:230px;height:230px}.card-art .category-line-icon{height:135px;width:135px;fill:none;stroke:#b8dff5;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s,stroke .5s}.portfolio-card:hover .category-line-icon{transform:translateY(-5px);stroke:#fff}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups]) .portfolio-card,body:is([data-art=icons],[data-art=icons2],[data-art=mockups]) .portfolio-card:last-child{min-height:440px}body:is([data-art=icons],[data-art=icons2],[data-art=mockups]) .portfolio-card .card-art,body:is([data-art=icons],[data-art=icons2],[data-art=mockups]) .portfolio-card:last-child .card-art{height:150px;min-height:150px;justify-content:flex-start}.product-art .category-line-icon{width:210px;height:210px;stroke:#b8dff5;fill:none;stroke-width:1.5}
.brand-wall{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-tile{background:#f5f9fc;border-radius:5px;padding:17px 12px;min-height:85px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#12334e}.brand-tile img{width:100%!important;height:auto!important;max-height:45px!important;object-fit:contain!important;filter:none!important;transform:none!important}.brand-wall:has(>.brand-tile:only-child){grid-template-columns:1fr}.brand-wall:has(>.brand-tile:only-child) .brand-tile{min-height:120px;padding:22px}.brand-tile.type-brand{flex-direction:column;gap:9px;text-align:center}.type-brand>span{font:700 19px/1.1 Manrope,sans-serif;letter-spacing:-.04em}.type-brand small{font-size:7px;letter-spacing:.1em;line-height:1.4}.product-art .brand-wall{max-width:430px}
@media(max-width:1100px){body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-grid{grid-template-columns:1fr}body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card .card-copy h3{min-height:0;margin-bottom:15px;font-size:27px}body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=logos],[data-art=sculpture2]) .portfolio-card .card-copy p{min-height:0}.brand-tile{min-height:90px}.type-brand>span{font-size:17px}.art-study a{font-size:10px}}
/* Selected fine-line direction: featured hygiene, supporting categories, full-width range. */
@media(min-width:1101px){
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0{grid-column:span 2!important;display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:32px;min-height:390px;padding:30px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-no{grid-column:1 / -1}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-art{grid-column:1;grid-row:2 / 4;height:auto;min-height:0;margin:25px 0;justify-content:center}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .category-line-icon{width:165px;height:165px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-copy{grid-column:2;grid-row:2;align-self:center;padding-top:25px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-copy h3{font-size:34px;min-height:0;margin-bottom:18px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-copy p{min-height:0}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .category-links{grid-column:2;grid-row:3;margin:0;padding-top:25px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-1{min-height:390px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-1 .card-art{height:105px;min-height:105px;margin:12px 0 18px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-1 .category-line-icon{height:105px;width:105px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-1 .card-copy h3{min-height:0;margin-bottom:18px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-1 .card-copy p{min-height:0}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child{grid-column:1 / -1!important;display:grid;grid-template-columns:180px minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:32px;min-height:230px;padding:30px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-no{grid-column:1 / -1}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-art{grid-column:1;grid-row:2;height:130px;min-height:130px;margin:15px 0 0;justify-content:center}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-copy{grid-column:2;grid-row:2;align-self:center}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-copy h3{min-height:0;margin-bottom:15px;font-size:32px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-copy p{min-height:0;max-width:480px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .category-links{grid-column:3;grid-row:2;width:auto;margin:0;padding:0;align-self:center}
}
@media(min-width:761px) and (max-width:1100px){body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0,body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child{grid-column:1 / -1!important;min-height:330px}body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-art,body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-art{height:100px;min-height:100px}body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-copy h3,body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-copy h3{min-height:0;margin-bottom:15px}}
/* Compact the selected icon cards around their content. */
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card{min-height:0;padding:24px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card .card-art{height:90px;min-height:90px;margin:14px 0 20px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card .category-line-icon{width:90px;height:90px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card .card-copy h3{min-height:0;margin-bottom:15px;font-size:27px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card .card-copy p{min-height:0}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card .category-links{padding-top:22px;margin-top:auto}
@media(min-width:1101px){
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0{grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:25px;min-height:0;padding:24px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-art{height:auto;min-height:0;margin:20px 0 0;grid-row:2 / 4}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .category-line-icon{width:130px;height:130px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-copy{padding-top:22px;align-self:end}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .card-copy h3{font-size:31px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-0 .category-links{padding-top:20px;margin:0;align-self:start}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-1 .card-art{height:70px;min-height:70px;margin:12px 0 15px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .card-1 .category-line-icon{width:75px;height:75px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child{min-height:0;padding:22px 24px;grid-template-columns:140px minmax(0,1fr) auto;column-gap:25px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-art{height:85px;min-height:85px;margin:12px 0 0}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-copy h3{font-size:28px;margin-bottom:10px}
body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .category-links{padding:0;margin:0}
}
@media(max-width:760px){body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card,body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child{min-height:0;padding:22px}body:is([data-art=icons],[data-art=icons2],[data-art=mockups],[data-art=sculpture2]) .portfolio[data-layout=b] .portfolio-card:last-child .card-art{height:90px;min-height:90px}}

/* Compact aligned sculptures, with distinct hygiene and vaccine concepts. */
body[data-art=sculpture2] .art-sculpture{background-image:url('/assets/homepage/products/category-sculptures-v2.png')}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card .card-art{height:145px;min-height:145px;margin:8px 0 14px}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card .category-artwork{width:155px;height:155px}
@media(min-width:1101px){
body[data-art=sculpture2] .portfolio[data-layout=b] .card-0{grid-template-columns:190px minmax(0,1fr);column-gap:22px}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-0 .card-art{height:auto;min-height:0;margin:16px 0 0}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-0 .category-artwork{width:200px;height:200px}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-1 .card-art{height:115px;min-height:115px;margin:6px 0 14px}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-1 .category-artwork{width:135px;height:135px}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card:last-child .card-art{height:110px;min-height:110px;margin:6px 0 0}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card:last-child .category-artwork{width:130px;height:130px}
}

/* Fine-line II: orbital technical illustrations, with restrained hover motion. */
body[data-art=icons2] .portfolio[data-layout=b] .portfolio-card .category-line-icon{width:120px;height:120px;stroke-width:1.7}
body[data-art=icons2] .portfolio[data-layout=b] .portfolio-card .card-art{height:115px;min-height:115px}
.orbital-track{stroke:#8fbbdb;stroke-width:1;transform-origin:110px 110px;transition:transform 1.2s ease}
.orbital-inner{stroke:#8fbbdb;stroke-opacity:.35;stroke-width:.8;stroke-dasharray:2 7}
.orbit-node{fill:#b8dff5;stroke:none}.orbital-symbol{stroke:#e1f3ff}
.portfolio-card:hover .orbital-track{transform:rotate(35deg)}
body[data-art=icons2] .portfolio-card:hover .category-line-icon{transform:none}
/* Give the sculptural artwork more presence, keeping the selected arrangement. */
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card .card-art{height:200px;min-height:200px}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card .category-artwork{width:230px;height:230px}
@media(min-width:1101px){
body[data-art=icons2] .portfolio[data-layout=b] .card-0 .category-line-icon{width:150px;height:150px}
body[data-art=icons2] .portfolio[data-layout=b] .card-0 .card-art{height:auto;min-height:0}
body[data-art=icons2] .portfolio[data-layout=b] .portfolio-card:last-child .card-art{height:100px;min-height:100px}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-0{grid-template-columns:270px minmax(0,1fr)}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-0 .card-art{height:auto;min-height:0}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-0 .category-artwork{width:285px;height:285px}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-1 .card-art{height:175px;min-height:175px}
body[data-art=sculpture2] .portfolio[data-layout=b] .card-1 .category-artwork{width:210px;height:210px}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card:last-child{grid-template-columns:190px minmax(0,1fr) auto}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card:last-child .card-art{height:150px;min-height:150px}
body[data-art=sculpture2] .portfolio[data-layout=b] .portfolio-card:last-child .category-artwork{width:180px;height:180px}
}
@media(prefers-reduced-motion:reduce){.orbital-track{transition:none}.portfolio-card:hover .orbital-track{transform:none}}

/* Unlabelled forms: dimensional packaging drawn in fine lines. */
.blank-mockups{display:flex;align-items:center;justify-content:center;width:100%;height:100%;perspective:800px}
.blank-pack{width:165px;height:165px;flex-shrink:0;overflow:visible;stroke:#d3ecff;stroke-width:1.3;fill:none;transition:transform .6s ease,filter .6s ease}
.blank-pack .pack-lines{fill:#b6dcf509;filter:drop-shadow(3px 4px 0 #061a3055)}
.blank-pack .pack-ground{stroke:none;fill:#061a303b}
.blank-mockups.packs-3 .blank-pack{width:125px;height:165px;margin:0 -16px}
.blank-mockups.packs-2 .blank-pack{width:145px;height:165px;margin:0 -15px}
.blank-mockups .blank-pack:first-child{transform:rotate(-5deg)}
.blank-mockups .blank-pack:last-child{transform:rotate(5deg)}
.blank-mockups.packs-1 .blank-pack{transform:none}
.portfolio-card:hover .blank-pack{transform:translateY(-5px);filter:drop-shadow(0 0 8px #9dd8ff22)}
body[data-art=mockups] .portfolio[data-layout=b] .portfolio-card .card-art{height:150px;min-height:150px;justify-content:center}
body[data-art=mockups] .portfolio[data-layout=b] .card-0 .blank-mockups{max-width:310px}
.portfolio[data-layout=a] .blank-mockups{max-width:400px}.portfolio[data-layout=a] .blank-pack{height:240px;width:190px}
@media(min-width:1101px){
body[data-art=mockups] .portfolio[data-layout=b] .card-0{grid-template-columns:255px minmax(0,1fr)}
body[data-art=mockups] .portfolio[data-layout=b] .card-0 .card-art{height:auto;min-height:0}
body[data-art=mockups] .portfolio[data-layout=b] .card-0 .blank-pack{height:220px;width:150px;margin:0 -25px}
body[data-art=mockups] .portfolio[data-layout=b] .portfolio-card:last-child{grid-template-columns:220px minmax(0,1fr) auto}
body[data-art=mockups] .portfolio[data-layout=b] .portfolio-card:last-child .card-art{height:125px;min-height:125px}
body[data-art=mockups] .portfolio[data-layout=b] .portfolio-card:last-child .blank-pack{height:140px;width:110px;margin:0 -20px}
}
@media(prefers-reduced-motion:reduce){.blank-pack{transition:none}.portfolio-card:hover .blank-pack{transform:none}}

body[data-art=mockups] .blank-mockups.packs-1 .blank-pack{width:190px;height:190px}
/* Centre the Fine-line II feature as one icon/copy/action composition. */
@media(min-width:1101px){
body[data-art=icons2] .portfolio[data-layout=b] .card-0{position:relative;grid-template-rows:1fr auto auto 1fr}
body[data-art=icons2] .portfolio[data-layout=b] .card-0 .card-no{position:absolute;top:24px;left:24px}
body[data-art=icons2] .portfolio[data-layout=b] .card-0 .card-art{grid-row:2 / 4;margin:0;align-self:center}
body[data-art=icons2] .portfolio[data-layout=b] .card-0 .card-copy{grid-row:2;padding-top:0;align-self:center}
body[data-art=icons2] .portfolio[data-layout=b] .card-0 .category-links{grid-row:3}
}
/* Give the hero caption and closing navigation separate, readable space. */
.chemistry-sculpture .orb-caption{font-size:11px;line-height:1.6;letter-spacing:.13em;padding-top:14px;gap:18px}
.hero-bottom{font-size:11px;line-height:1.6;letter-spacing:.11em;padding:26px 0}
.hero-bottom a{font-size:14px;line-height:1.6}
@media(min-width:761px){.hero-bottom{margin-top:130px}}
@media(max-width:760px){.chemistry-sculpture .orb-caption{font-size:9px;letter-spacing:.1em}.hero-bottom{font-size:9px;gap:20px;padding:22px 0}.hero-bottom a{font-size:12px}}
/* CDMO: a dedicated partnership section following the research story. */
.cdmo{background:radial-gradient(ellipse at 15% 35%,#397eb03b,transparent 60%),linear-gradient(120deg,#0a203b,#163d62);border-top:1px solid #91bbd538;color:#edf7ff;scroll-margin-top:25px}
.cdmo .kicker{color:#bad8ef}.cdmo-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.cdmo h2{font-size:clamp(44px,5vw,74px);line-height:1.08;letter-spacing:-.05em;font-weight:400}.cdmo h2 em{color:#b8dff5;font-family:'Playfair Display',serif;font-weight:400}.cdmo-intro p{font-size:15px;line-height:1.8;color:#bcd2e4;max-width:530px}.cdmo-intro .cdmo-lead{font-size:22px;line-height:1.5;color:#f0f7fd;margin-bottom:18px}.cdmo .line-link{display:inline-flex;margin-top:25px;gap:30px;font-size:14px;color:#e0f2ff}.cdmo-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:55px;border-top:1px solid #91bbd538;border-bottom:1px solid #91bbd538}.cdmo-services article{position:relative;padding:30px 28px 32px 0}.cdmo-services article+article{border-left:1px solid #91bbd538;padding-left:32px}.cdmo-number{font-size:10px;letter-spacing:.13em;color:#a7cce8}.cdmo-services svg{display:block;width:65px;height:65px;margin:23px 0;stroke:#c6e6fa;stroke-width:1.3;fill:none;transition:transform .4s}.cdmo-services article:hover svg{transform:translateY(-4px)}.cdmo-services h3{font-size:25px;letter-spacing:-.035em;margin-bottom:15px;font-weight:400}.cdmo-services p{font-size:14px;line-height:1.8;color:#bcd2e4;max-width:340px}.cdmo-brief{display:flex;gap:25px;align-items:center;margin-top:30px;font-size:13px}.cdmo-brief>span{color:white;white-space:nowrap}.cdmo-brief p{color:#aac8df;line-height:1.7}.cdmo-brief a{margin-left:auto;white-space:nowrap;color:#e2f3ff}
@media(max-width:980px){.cdmo-intro{gap:35px}.cdmo-services h3{font-size:22px}.cdmo-services article+article{padding-left:20px}.cdmo-brief{flex-wrap:wrap}.cdmo-brief a{margin-left:0}}
@media(max-width:760px){.cdmo-intro{grid-template-columns:1fr;gap:25px}.cdmo h2{font-size:43px}.cdmo-intro .cdmo-lead{font-size:20px}.cdmo-intro p{font-size:14px}.cdmo-services{grid-template-columns:1fr;margin-top:35px}.cdmo-services article,.cdmo-services article+article{padding:24px 0;border-left:0}.cdmo-services article+article{border-top:1px solid #91bbd538}.cdmo-services svg{float:right;margin:0 5px 15px 20px}.cdmo-services h3{margin-top:20px}.cdmo-services p{max-width:none}.cdmo-brief{gap:12px}.cdmo-brief a{display:block;width:100%;margin-top:8px}}

/* Integrate the principles beneath the approach headline. */
.approach-heading .principles{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:32px;padding-top:22px;border-top:1px solid #a6c8e233;font-size:13px;line-height:1.6}
.approach-heading .principles span{display:flex;align-items:center;gap:10px;white-space:nowrap}
.approach-heading .principles b{font-size:10px;font-weight:400;color:#9bc8e8}
@media(max-width:760px){.approach-heading .principles{margin-top:25px;padding-top:18px;gap:12px 20px;font-size:12px}}

/* Stack the approach principles with fine-line symbols. */
.approach-heading .principles{flex-direction:column;align-items:flex-start;gap:18px;border-top:0;padding-top:0;margin-top:30px;font-size:15px}
.approach-heading .principles span{gap:15px;white-space:normal}
.approach-heading .principles svg{width:27px;height:27px;flex-shrink:0;fill:none;stroke:#b8dff5;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.approach-heading .principles{font-size:14px;gap:15px;margin-top:25px}.approach-heading .principles svg{width:25px;height:25px}}

/* Quiet editorial markers keep the principles distinct from solution icons. */
.approach-heading .principles span::before{content:"";display:block;width:22px;height:1px;flex:0 0 22px;background:#a6cce5;opacity:.8}
.approach-heading .principles{gap:17px;font-size:15px}
.approach-heading .principles span{gap:17px}