.wwb-portfolio{--wwb-bg:#06111f;--wwb-card:rgba(255,255,255,.07);--wwb-border:rgba(255,255,255,.14);--wwb-text:#f6fbff;--wwb-muted:rgba(246,251,255,.72);--wwb-accent:#37b7ff;--wwb-accent2:#7c4dff;color:var(--wwb-text);position:relative;isolation:isolate}.wwb-portfolio *{box-sizing:border-box}.wwb-portfolio:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 12% 10%,rgba(55,183,255,.18),transparent 30%),radial-gradient(circle at 90% 22%,rgba(124,77,255,.16),transparent 34%);z-index:-1;pointer-events:none}.wwb-p-hero{max-width:940px;margin:0 auto 28px;text-align:center;padding:42px 18px 10px}.wwb-p-eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--wwb-accent);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.wwb-p-hero h2{font-size:clamp(34px,6vw,76px);line-height:.92;margin:12px 0;color:var(--wwb-text);letter-spacing:-.06em}.wwb-p-hero p{font-size:clamp(16px,2vw,21px);color:var(--wwb-muted);max-width:720px;margin:0 auto}.wwb-p-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px auto 32px;padding:0 14px}.wwb-p-filters button{border:1px solid var(--wwb-border);background:rgba(255,255,255,.06);color:var(--wwb-text);border-radius:999px;padding:10px 16px;cursor:pointer;backdrop-filter:blur(10px);transition:.25s ease}.wwb-p-filters button:hover,.wwb-p-filters .active{transform:translateY(-2px);border-color:rgba(55,183,255,.7);box-shadow:0 10px 30px rgba(55,183,255,.15)}.wwb-p-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:30px;max-width:1380px;margin:0 auto;padding:0 22px 64px;align-items:stretch}.wwb-p-card{opacity:0;transform:translateY(36px) scale(.98);transition:opacity .7s ease var(--wwb-delay),transform .7s cubic-bezier(.2,.8,.2,1) var(--wwb-delay)}.wwb-p-card.wwb-in{opacity:1;transform:translateY(0) scale(1)}.wwb-p-open{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:520px;border:1px solid var(--wwb-border);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border-radius:34px;overflow:hidden;text-align:left;color:inherit;cursor:pointer;box-shadow:0 28px 90px rgba(0,0,0,.24);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.wwb-p-open:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(55,183,255,.22),transparent 34%);opacity:0;transition:.25s ease;z-index:2;pointer-events:none}.wwb-p-open:hover{transform:translateY(-8px);border-color:rgba(55,183,255,.55);box-shadow:0 34px 110px rgba(0,0,0,.32),0 18px 50px rgba(55,183,255,.12)}.wwb-p-open:hover:before{opacity:1}.wwb-p-img{display:block;aspect-ratio:16/10;min-height:260px;overflow:hidden;background:#0b1728}.wwb-p-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease,filter .7s ease}.wwb-p-open:hover img{transform:scale(1.08);filter:saturate(1.15) contrast(1.05)}.wwb-p-body{display:flex;flex-direction:column;gap:0;padding:26px 26px 28px;flex:1}.wwb-p-badge{display:inline-flex;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(55,183,255,.15);color:#9fe1ff;font-size:12px;font-weight:800}.wwb-p-title{display:block;font-size:clamp(25px,2.7vw,38px);font-weight:950;letter-spacing:-.05em;line-height:1.03;color:#fff}.wwb-p-sub{display:block;margin-top:13px;color:var(--wwb-muted);font-size:17px;line-height:1.65;max-width:58ch}.wwb-p-tags{display:block;margin-top:auto;padding-top:22px;color:#9fe1ff;font-size:14px;font-weight:800;line-height:1.4}.wwb-p-card.is-featured{grid-column:span 2}.wwb-p-card.is-featured .wwb-p-open{min-height:560px}.wwb-p-card.is-featured .wwb-p-img{aspect-ratio:16/8;min-height:320px}.wwb-p-card.is-featured .wwb-p-body{padding:30px 32px 34px}.wwb-p-card.is-featured .wwb-p-title{font-size:clamp(32px,4vw,54px)}.wwb-reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.wwb-reveal.wwb-in{opacity:1;transform:none}.wwb-p-modal[aria-hidden="true"]{display:none}.wwb-p-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px}.wwb-p-modal-bg{position:absolute;inset:0;background:rgba(2,8,16,.76);backdrop-filter:blur(14px)}.wwb-p-modal-panel{position:relative;width:min(1120px,96vw);max-height:90vh;overflow:auto;border:1px solid var(--wwb-border);border-radius:30px;background:linear-gradient(145deg,#09182b,#06111f);box-shadow:0 30px 120px rgba(0,0,0,.55)}.wwb-p-close{position:sticky;top:14px;float:right;z-index:2;margin:14px 14px 0 0;width:44px;height:44px;border-radius:50%;border:1px solid var(--wwb-border);background:rgba(255,255,255,.09);color:#fff;font-size:28px;cursor:pointer}.wwb-p-modal-content{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;padding:28px}.wwb-modal-gallery{display:grid;gap:14px}.wwb-modal-gallery img{width:100%;border-radius:22px;display:block;border:1px solid var(--wwb-border)}.wwb-modal-info{padding:12px 8px}.wwb-modal-info h3{font-size:clamp(34px,5vw,60px);line-height:.95;margin:10px 0;color:#fff;letter-spacing:-.06em}.wwb-modal-info .lead{font-size:19px;color:var(--wwb-muted)}.wwb-modal-info p{color:var(--wwb-muted);line-height:1.7}.wwb-project-full-text,.wwb-rich-text{color:var(--wwb-muted);line-height:1.8;font-size:16px}.wwb-project-full-text p{margin:0 0 1.1em}.wwb-project-full-text p:last-child{margin-bottom:0}.wwb-rich-text{margin:14px 0}.wwb-rich-text b{color:#fff}.wwb-p-tags br{display:block;content:"";margin-top:5px}.wwb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.wwb-facts span{border:1px solid var(--wwb-border);border-radius:18px;padding:12px;color:#fff;background:rgba(255,255,255,.05)}.wwb-facts b{display:block;color:var(--wwb-accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.wwb-visit{display:inline-flex;margin-top:10px;padding:13px 18px;border-radius:999px;background:linear-gradient(135deg,var(--wwb-accent),var(--wwb-accent2));color:#fff;text-decoration:none;font-weight:900}.wwb-modal-open{overflow:hidden}@media(max-width:880px){.wwb-p-grid{grid-template-columns:1fr;gap:24px;padding-left:14px;padding-right:14px}.wwb-p-open{min-height:auto}.wwb-p-card.is-featured{grid-column:auto}.wwb-p-card.is-featured .wwb-p-open{min-height:auto}.wwb-p-modal-content{grid-template-columns:1fr}.wwb-facts{grid-template-columns:1fr}.wwb-p-card.is-featured .wwb-p-img,.wwb-p-img{aspect-ratio:16/11;min-height:220px}.wwb-p-body{padding:22px}.wwb-p-title{font-size:clamp(26px,8vw,38px)}.wwb-p-sub{font-size:16px}}@media(prefers-reduced-motion:reduce){.wwb-p-card,.wwb-reveal,.wwb-p-img img,.wwb-p-open{transition:none!important;transform:none!important;opacity:1!important}}