/* SPAGNOLO DIGITAL – Premium portfolio; scoped to new section */
.portfolio-premium{padding:clamp(72px,10vw,150px) 0;background:#071b18;color:#f1f3ed;overflow:hidden}.portfolio-intro{max-width:850px;margin:0 0 clamp(35px,5vw,75px)}.portfolio-intro h2{font-family:inherit;font-size:clamp(2.4rem,5.5vw,5.8rem);line-height:1.04;letter-spacing:-.045em;margin:20px 0 25px}.portfolio-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#c0d2c6}.portfolio-intro>p:last-child{font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.7;max-width:660px;color:#b9c6c0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,30px)}.portfolio-card{min-width:0;border:1px solid rgba(206,229,216,.15);border-radius:16px;background:#0e2822;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .45s}.portfolio-card:hover,.portfolio-card:focus-within{transform:translateY(-8px) scale(1.012);border-color:rgba(208,233,220,.5);box-shadow:0 28px 70px #0005}.portfolio-hit{display:block;color:inherit;text-decoration:none;height:100%}.portfolio-browser{padding:11px 11px 0}.portfolio-chrome{height:35px;background:#1c342e;border-radius:9px 9px 0 0;display:flex;align-items:center;gap:12px;padding:0 12px}.portfolio-dots{display:flex;gap:5px}.portfolio-dots i{width:7px;height:7px;border-radius:50%;background:#77938a;opacity:.8}.portfolio-domain{font-size:10px;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#afc3b8;flex:1;text-align:center}.portfolio-arrow{font-size:15px;color:#d1e7da}.portfolio-viewport{position:relative;aspect-ratio:1.27/1;background:linear-gradient(150deg,#23443a,#081b16);overflow:hidden;border-radius:0 0 7px 7px}.portfolio-viewport iframe{position:absolute;left:0;top:0;width:200%;height:220%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none;background:#f6f6f4}.portfolio-viewport iframe.is-ready{animation:portfolio-drift 26s ease-in-out infinite alternate}.portfolio-cover{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#091d1873)}@keyframes portfolio-drift{0%,12%{transform:scale(.5) translateY(0)}85%,100%{transform:scale(.5) translateY(-48%)}}.portfolio-meta{padding:23px 22px 26px}.portfolio-number{font-size:10px;letter-spacing:.15em;color:#9fb4a9}.portfolio-meta h3{font-size:clamp(1.3rem,2vw,1.85rem);font-weight:500;margin:13px 0 7px;line-height:1.15}.portfolio-meta p{font-size:.87rem;color:#aabeb3;line-height:1.5;margin:0 0 26px}.portfolio-discover{font-size:.83rem;border-bottom:1px solid #789889;padding-bottom:7px;display:inline-flex;gap:20px;align-items:center}.portfolio-note{font-size:.76rem;color:#91a89c;margin-top:18px;line-height:1.5}.portfolio-outro{margin-top:clamp(70px,10vw,140px);padding-top:45px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;gap:30px}.portfolio-outro h3{font-size:clamp(1.65rem,3.1vw,3.5rem);line-height:1.1;max-width:620px;margin:18px 0}.portfolio-cta{display:inline-flex;align-items:center;gap:30px;border:1px solid #b9d2c3;padding:18px 24px;color:#f2f5ef;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}.portfolio-cta:hover{background:#d8e7da;color:#10231b}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.portfolio-premium{padding:70px 0}.portfolio-grid{grid-template-columns:1fr;gap:22px}.portfolio-viewport{aspect-ratio:1.4/1}.portfolio-outro{align-items:flex-start;flex-direction:column}.portfolio-meta{padding:20px}.portfolio-intro h2{letter-spacing:-.03em}}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-cta{transition:none}.portfolio-viewport iframe.is-ready{animation:none}}