.portfolio-showcase{padding:88px 0;background:linear-gradient(145deg,#fff,#f4f6ff);overflow:hidden}.portfolio-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.portfolio-showcase h1{margin:.45rem 0 1.25rem;color:#101858;font-size:clamp(3.3rem,5.7vw,6.3rem);line-height:.94;letter-spacing:-.06em}.portfolio-showcase h1 span{color:#3150ed}.portfolio-showcase p{max-width:670px;color:#68728e;font-size:1.06rem;line-height:1.72}.portfolio-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:34px}.portfolio-counts div{padding:16px 12px;border-top:1px solid #dbe2f1}.portfolio-counts strong,.portfolio-counts span{display:block}.portfolio-counts strong{color:#142068;font-size:1.75rem}.portfolio-counts span{color:#7b849d;font-size:.68rem}.portfolio-mosaic{position:relative;display:grid;grid-template-columns:1.35fr .65fr;gap:12px;min-height:540px}.portfolio-mosaic figure{position:relative;margin:0;overflow:hidden}.portfolio-mosaic img{width:100%;height:100%;object-fit:cover}.mosaic-main{grid-row:1/3;border-radius:90px 20px 20px 20px}.mosaic-small{height:310px;border-radius:20px}.portfolio-mosaic figcaption{position:absolute;left:16px;bottom:14px;padding:6px 9px;border-radius:5px;background:#0b123fa8;color:#fff;font-size:.55rem;font-weight:900;letter-spacing:.11em}.mosaic-mark{display:grid;place-items:center;height:218px;border-radius:20px;background:linear-gradient(145deg,#111958,#2946d5);color:#fff}.mosaic-mark img{width:78px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.mosaic-mark span{font-size:.58rem;font-weight:900;letter-spacing:.13em;line-height:1.5}.portfolio-lens-section{background:#f6f8ff}.portfolio-lens-head,.system-heading{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end;margin-bottom:38px}.portfolio-lens-head h2,.system-heading h2,.privacy-portfolio-grid h2{margin:.4rem 0 0;color:#101858;font-size:clamp(2.7rem,4.8vw,5rem);line-height:.98;letter-spacing:-.05em}.portfolio-lens-head>p,.system-heading>p{color:#6c7691;line-height:1.7}.portfolio-lens{display:grid;grid-template-columns:235px 1fr;border:1px solid #253477;border-radius:28px;background:#0d154a;color:#fff;box-shadow:0 30px 65px #1120632b;overflow:hidden}.lens-tabs{padding:18px;background:#09103b;border-right:1px solid #ffffff16}.lens-tabs button{display:grid;grid-template-columns:32px 1fr;width:100%;padding:18px 12px;border:0;border-radius:11px;background:none;color:#8996ca;text-align:left;font:800 .76rem/1.3 inherit;cursor:pointer}.lens-tabs button span{font-size:.58rem}.lens-tabs button[aria-selected=true]{background:#1d308d;color:#fff}.lens-stage{padding:38px}.lens-stage header small{color:#8ea4fa;font-size:.6rem;font-weight:900;letter-spacing:.13em}.lens-stage h3{margin:.5rem 0;color:#fff;font-size:clamp(2rem,3.4vw,3.4rem);letter-spacing:-.045em}.lens-stage header p{max-width:800px;color:#afb9dd;line-height:1.7}.lens-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:30px 0}.lens-cards article{padding:20px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff08}.lens-cards span,.lens-cards strong,.lens-cards small{display:block}.lens-cards span{color:#8299ed;font-size:.56rem;font-weight:900;letter-spacing:.12em}.lens-cards strong{margin:18px 0 8px;font-size:1.3rem}.lens-cards small{color:#aeb8db;line-height:1.45}.lens-stage footer{display:flex;gap:12px;align-items:center;padding-top:19px;border-top:1px solid #ffffff18;color:#9aa8d8;font-size:.7rem}.lens-stage footer img{width:42px;filter:brightness(0) invert(1);opacity:.75}.portfolio-system{background:#fff}.portfolio-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.portfolio-system-grid article{padding:28px;border:1px solid #dfe4f1;border-radius:20px;background:#fafbff}.portfolio-system-grid span{color:#3552e5;font-size:.63rem;font-weight:900}.portfolio-system-grid h3{color:#152068;font-size:1.4rem}.portfolio-system-grid p{color:#737c95;line-height:1.65}.portfolio-privacy{background:#f3f6ff}.privacy-portfolio-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:60px;align-items:center}.privacy-vault{display:grid;align-content:end;min-height:390px;padding:34px;border-radius:30px;background:linear-gradient(145deg,#111958,#2946d5);color:#fff;box-shadow:0 28px 55px #172e8c32}.privacy-vault img{width:74px;margin-bottom:auto;filter:brightness(0) invert(1)}.privacy-vault span,.privacy-vault strong,.privacy-vault small{display:block}.privacy-vault span{color:#9eb0ff;font-size:.6rem;font-weight:900;letter-spacing:.13em}.privacy-vault strong{margin:10px 0;font-size:2rem}.privacy-vault small{color:#c5ceef}.privacy-portfolio-grid>div:last-child>p{color:#69738f;line-height:1.7}.privacy-lines{margin:23px 0}.privacy-lines div{padding:14px 0;border-top:1px solid #dce2ef}.privacy-lines span,.privacy-lines strong{display:block}.privacy-lines span{color:#3854df;font-size:.58rem;font-weight:900;letter-spacing:.12em}.privacy-lines strong{margin-top:4px;color:#17236b}
@media(max-width:900px){.portfolio-hero-grid,.portfolio-lens-head,.system-heading,.privacy-portfolio-grid{grid-template-columns:1fr}.portfolio-lens{grid-template-columns:1fr}.lens-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid #ffffff16}.lens-tabs button{display:block;text-align:center}.lens-tabs button span{display:block}.portfolio-mosaic{min-height:470px}}
@media(max-width:620px){.portfolio-showcase{padding:70px 0}.portfolio-showcase h1{font-size:3.05rem}.portfolio-counts strong{font-size:1.35rem}.portfolio-mosaic{grid-template-columns:1fr;min-height:0}.mosaic-main{grid-row:auto;height:360px;border-radius:60px 18px 18px}.mosaic-small{display:none}.mosaic-mark{height:150px}.lens-tabs{padding:8px}.lens-tabs button{padding:11px 3px;font-size:.57rem}.lens-stage{padding:25px 17px}.lens-cards{grid-template-columns:1fr}.portfolio-system-grid{grid-template-columns:1fr}.privacy-vault{min-height:300px}}

/* Official blue Hotellix marks give each dark portfolio panel a consistent brand anchor. */
.mosaic-mark{position:relative;overflow:hidden}.mosaic-mark:before{content:"";position:absolute;width:132px;height:132px;border:1px solid rgba(161,179,255,.25);border-radius:50%;animation:portfolioOrbit 13s linear infinite}.mosaic-mark img{position:relative;z-index:2;width:88px;height:auto;padding:10px;border-radius:17px;background:rgba(255,255,255,.96);filter:none;box-shadow:0 14px 28px rgba(4,10,47,.24);animation:portfolioMarkFloat 5s ease-in-out infinite}.mosaic-mark span{position:relative;z-index:2}.lens-stage footer img{width:48px;padding:5px 6px;border-radius:9px;background:rgba(255,255,255,.94);filter:none;opacity:1}.privacy-vault img{width:88px;padding:9px 10px;border-radius:15px;background:rgba(255,255,255,.96);filter:none;box-shadow:0 13px 28px rgba(4,10,47,.22);animation:portfolioMarkFloat 5.6s ease-in-out infinite}
@keyframes portfolioOrbit{to{transform:rotate(360deg)}}@keyframes portfolioMarkFloat{50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.mosaic-mark:before,.mosaic-mark img,.privacy-vault img{animation:none}}