/* Link Communication · Web Studio Portfolio 0.7.0 */
.web-studio-portfolio-page{
    --pf-bg:#030403;
    --pf-bg-soft:#080a09;
    --pf-panel:#0d100e;
    --pf-line:rgba(255,255,255,.12);
    --pf-text:#f5f7f6;
    --pf-muted:#8c948f;
    --pf-green:#45e897;
    --pf-green-soft:#9ff5c8;
    background:var(--pf-bg);
    color:var(--pf-text);
}
.web-studio-portfolio-page main{overflow:visible!important;background:var(--pf-bg)}
.web-studio-portfolio-page .premium-header{
    background:rgba(3,4,3,.94)!important;
    border-bottom-color:rgba(255,255,255,.08)!important;
    box-shadow:none!important;
    backdrop-filter:saturate(150%) blur(18px);
}
.web-studio-portfolio-page .premium-header .global-header-links>a,
.web-studio-portfolio-page .premium-header .global-header-icon,
.web-studio-portfolio-page .premium-header .premium-nav-cta,
.web-studio-portfolio-page .premium-header .premium-nav-toggle{color:#f6f7f6!important}
.web-studio-portfolio-page .premium-header .premium-nav-toggle span{background:#fff!important}
.web-studio-portfolio-page .premium-header .global-header-links>a::after{background:#fff!important}
.web-studio-portfolio-page .premium-header .global-header-links>a[aria-current="page"]::after{background:var(--pf-green)!important}
.web-studio-portfolio-page .premium-header .global-header-icon:hover,
.web-studio-portfolio-page .premium-header .global-header-icon:focus-visible,
.web-studio-portfolio-page .premium-header .premium-nav-cta:hover,
.web-studio-portfolio-page .premium-header .premium-nav-cta:focus-visible,
.web-studio-portfolio-page .premium-header details[open] > summary.global-header-icon{background:rgba(255,255,255,.11)!important;color:#fff!important}
.web-studio-portfolio-page .web-studio-subnav{background:#020302!important;color:#fff!important;border-bottom-color:rgba(255,255,255,.09)!important}
.web-studio-portfolio-page .web-studio-subnav a{color:rgba(255,255,255,.62)!important}
.web-studio-portfolio-page .web-studio-subnav a:hover,
.web-studio-portfolio-page .web-studio-subnav a:focus-visible{color:#fff!important}
.web-studio-portfolio-page .web-studio-subnav a.is-active{color:var(--pf-green)!important}
.web-studio-portfolio-page .web-studio-subnav a.is-active::after{background:var(--pf-green)!important}
.web-studio-portfolio-page .product-disclosures{display:none!important}
.web-studio-portfolio-page .premium-footer{background:#050605!important;color:#c8ceca!important;border-top-color:rgba(255,255,255,.08)!important}
.web-studio-portfolio-page .premium-footer a{color:#aeb5b0!important}

.portfolio-main{background:var(--pf-bg);color:var(--pf-text)}
.portfolio-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--pf-green);font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.portfolio-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}

/* HERO */
.portfolio-hero{--pf-hero-p:0;position:relative;height:205vh;min-height:1380px;overflow:clip;background:radial-gradient(circle at 50% 64%,rgba(69,232,151,.12),transparent 23%),linear-gradient(180deg,#030403 0%,#050706 68%,#080a09 100%)}
.portfolio-hero-stage{position:sticky;top:0;height:100vh;min-height:720px;overflow:hidden;perspective:1600px}
.portfolio-hero-copy{position:absolute;z-index:1;top:clamp(92px,12vh,145px);left:50%;width:min(1450px,calc(100% - 42px));transform:translateX(-50%) translateY(calc(var(--pf-hero-p) * 108px));text-align:center;will-change:transform,opacity;opacity:calc(1 - var(--pf-hero-p) * .3)}
.portfolio-hero-copy h1{margin:28px auto 0;max-width:1320px;font-size:clamp(66px,8.1vw,132px);font-weight:770;line-height:.92;letter-spacing:-.035em;word-spacing:.04em;text-wrap:balance}
.portfolio-hero-copy h1 span{display:block}.portfolio-hero-copy h1 span:last-child{color:#7c847f}
.portfolio-pulse{position:absolute;z-index:0;left:50%;top:57%;width:min(950px,70vw);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.72 + var(--pf-hero-p) * .55));opacity:calc(.35 + var(--pf-hero-p) * .5);filter:blur(.1px)}
.portfolio-pulse::before,.portfolio-pulse::after{content:"";position:absolute;inset:14%;border:1px solid rgba(69,232,151,.2);border-radius:50%;box-shadow:0 0 70px rgba(69,232,151,.08)}
.portfolio-pulse::after{inset:27%;border-color:rgba(255,255,255,.12)}
.portfolio-pulse i{--a:calc(var(--i) * 15deg);position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(136,255,198,.82);transform:rotate(var(--a)) translateY(calc(-230px - var(--pf-hero-p) * 170px)) scale(calc(.7 + (var(--i) % 4) * .2));box-shadow:0 0 14px rgba(69,232,151,.65);opacity:calc(.25 + (var(--i) % 5) * .12)}
.portfolio-core{position:absolute;z-index:3;left:50%;bottom:calc(-42vh + var(--pf-hero-p) * 51vh);width:min(1180px,78vw);transform:translateX(-50%) rotateY(calc(62deg - var(--pf-hero-p) * 62deg)) rotateX(calc(8deg - var(--pf-hero-p) * 8deg)) scale(calc(.76 + var(--pf-hero-p) * .24));transform-origin:50% 60%;will-change:transform,bottom}
.portfolio-core-shell{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:36px;background:#080a09;box-shadow:0 70px 160px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.04) inset}
.portfolio-core-top{height:52px;padding:0 22px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.09);color:#7c847f}.portfolio-core-top span{width:8px;height:8px;border-radius:50%;background:#303632}.portfolio-core-top b{margin-left:12px;font-size:9px;letter-spacing:.18em}
.portfolio-core-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(75,255,170,.21),transparent 28%),linear-gradient(135deg,#08120d,#050605 56%,#151a16)}
.portfolio-core-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,#000 32%,#000)}
.portfolio-core-visual{position:absolute;right:7%;top:11%;width:50%;height:72%;filter:drop-shadow(0 35px 55px rgba(0,0,0,.46))}.portfolio-form{position:absolute;display:block;border-radius:50%;background:linear-gradient(145deg,#52e99b,#0b6b3d);box-shadow:inset -20px -20px 50px rgba(0,0,0,.32),0 0 80px rgba(69,232,151,.14)}.form-a{width:42%;aspect-ratio:1;left:5%;top:20%}.form-b{width:49%;aspect-ratio:1;right:0;top:4%;border-radius:30% 70% 44% 56%/48% 32% 68% 52%;background:linear-gradient(145deg,#d5fff0,#579f80)}.form-c{width:34%;aspect-ratio:1;right:21%;bottom:0;background:linear-gradient(145deg,#2b312e,#080a09)}
.portfolio-core-caption{position:absolute;z-index:2;left:7%;bottom:11%;max-width:46%}.portfolio-core-caption small{color:var(--pf-green);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.portfolio-core-caption strong{display:block;margin:18px 0 17px;font-size:clamp(34px,4vw,64px);line-height:.96;letter-spacing:-.045em}.portfolio-core-caption span{color:#8d9690;font-size:12px}
.portfolio-hero-notes{position:absolute;z-index:4;left:50%;bottom:5vh;width:min(900px,70vw);display:flex;justify-content:space-between;transform:translateX(-50%);color:#89918c;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;opacity:calc(var(--pf-hero-p) * 1.2)}

/* OPENING */
.portfolio-opening{padding:170px 24px 155px;background:#080a09;border-top:1px solid rgba(255,255,255,.06)}
.portfolio-opening-copy{width:min(1060px,100%);margin:0 auto;text-align:center}.portfolio-opening h2{margin:28px 0 24px;font-size:clamp(48px,6vw,90px);line-height:.96;letter-spacing:-.04em}.portfolio-opening h2 span{color:#7f8782}.portfolio-opening-copy p{max-width:850px;margin:0 auto;color:#9aa29d;font-size:clamp(18px,1.7vw,24px);line-height:1.52}
.portfolio-opening-points{width:min(1180px,100%);margin:95px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-opening-points article{min-height:240px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 25px 55px rgba(0,0,0,.18)}.portfolio-opening-points b{color:var(--pf-green);font-size:12px}.portfolio-opening-points span{display:block;margin:74px 0 12px;font-size:28px;font-weight:760}.portfolio-opening-points p{margin:0;color:#8f9892;line-height:1.5}

/* STICKY STORY */
.portfolio-story{position:relative;padding:20px 0 150px;background:#030403;overflow:visible}.portfolio-story-inner{width:100%;padding-left:max(42px,calc((100vw - 1600px)/2 + 42px));display:grid;grid-template-columns:minmax(310px,25vw) minmax(0,1fr);gap:clamp(110px,8vw,190px);align-items:start}.portfolio-story-copy{grid-column:1;grid-row:1;width:min(450px,100%)}.portfolio-story-step{min-height:100vh;padding:18vh 0;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.09);opacity:.25;transform:translateY(24px);transition:opacity .45s ease,transform .45s ease}.portfolio-story-step:first-child{border-top:0}.portfolio-story-step.is-active{opacity:1;transform:none}.portfolio-story-step>p{margin:0;color:#7f8882;font-size:clamp(20px,1.55vw,27px);line-height:1.48;letter-spacing:-.018em}.portfolio-story-step>p strong{color:#f4f6f5;font-weight:780}.portfolio-story-mobile{display:none}
.portfolio-story-visual{grid-column:2;grid-row:1;position:sticky;top:84px;height:calc(100vh - 102px);min-height:620px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.portfolio-project-frame{position:absolute;width:min(1180px,100%);aspect-ratio:16/9;overflow:hidden;border:12px solid #161a17;border-radius:30px;background:#0a0c0b;box-shadow:0 48px 130px rgba(0,0,0,.55);opacity:0;transform:scale(1.025) translateY(18px);pointer-events:none;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.portfolio-project-frame.is-active{opacity:1;transform:none;pointer-events:auto}.portfolio-project-bar{position:relative;z-index:3;height:44px;padding:0 15px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.09);background:#111411}.portfolio-project-bar span{width:8px;height:8px;border-radius:50%;background:#333a35}.portfolio-project-bar b{margin-left:10px;color:#777f7a;font-size:9px;letter-spacing:.15em}.portfolio-project-canvas{position:relative;height:calc(100% - 44px);overflow:hidden}.portfolio-project-copy{position:absolute;z-index:3;left:7%;bottom:10%;max-width:48%}.portfolio-project-copy small{color:var(--pf-green);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.portfolio-project-copy strong{display:block;margin:16px 0 18px;font-size:clamp(34px,3.8vw,60px);line-height:.96;letter-spacing:-.045em}.portfolio-project-copy em{color:#98a19b;font-size:11px;font-style:normal;letter-spacing:.05em}
.is-brand .portfolio-project-canvas{background:radial-gradient(circle at 72% 44%,rgba(83,244,166,.22),transparent 30%),linear-gradient(135deg,#07120c,#020302 64%)}.portfolio-brand-symbol{position:absolute;right:10%;top:13%;width:43%;aspect-ratio:1;border-radius:29% 71% 63% 37%/35% 39% 61% 65%;background:linear-gradient(145deg,#e2fff3,#38e58c 48%,#08733f);box-shadow:inset -45px -35px 90px rgba(0,0,0,.25),0 50px 90px rgba(0,0,0,.35);transform:rotate(12deg)}
.is-experience .portfolio-project-canvas{background:radial-gradient(circle at 65% 45%,#112c22,transparent 42%),#050706}.portfolio-experience-orbit{position:absolute;right:7%;top:5%;width:55%;aspect-ratio:1}.portfolio-experience-orbit::before,.portfolio-experience-orbit::after,.portfolio-experience-orbit i{content:"";position:absolute;border:1px solid rgba(110,255,185,.24);border-radius:50%}.portfolio-experience-orbit::before{inset:4%}.portfolio-experience-orbit::after{inset:18%}.portfolio-experience-orbit i:nth-child(1){inset:32%;background:radial-gradient(circle,#64f4ad,#173d2d 60%,#060807);box-shadow:0 0 80px rgba(69,232,151,.2)}.portfolio-experience-orbit i:nth-child(2){width:11%;aspect-ratio:1;left:6%;top:40%;background:#f0fff7;border:0}.portfolio-experience-orbit i:nth-child(3){width:8%;aspect-ratio:1;right:11%;top:18%;background:#4ae69a;border:0}
.is-editorial .portfolio-project-canvas{background:#f0efe9;color:#111}.is-editorial .portfolio-project-copy small{color:#0b8f4f}.is-editorial .portfolio-project-copy strong{color:#121412}.is-editorial .portfolio-project-copy em{color:#5f655f}.portfolio-editorial-columns{position:absolute;right:5%;top:7%;width:58%;height:84%;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr .72fr;gap:12px}.portfolio-editorial-columns i{display:block;border-radius:18px;background:linear-gradient(145deg,#202420,#080a09);box-shadow:0 22px 40px rgba(0,0,0,.16)}.portfolio-editorial-columns i:nth-child(2){background:linear-gradient(145deg,#66ecaa,#0a7c45)}.portfolio-editorial-columns i:nth-child(3){grid-column:1/3;background:repeating-linear-gradient(180deg,#dadbd6 0,#dadbd6 2px,transparent 2px,transparent 20px)}
.is-platform .portfolio-project-canvas{background:linear-gradient(145deg,#0c1011,#08150e 70%)}.portfolio-platform-ui{position:absolute;right:6%;top:9%;width:58%;height:78%;display:grid;grid-template-columns:24% 1fr;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:#101412;box-shadow:0 35px 70px rgba(0,0,0,.35)}.portfolio-platform-ui aside{border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#172019,#0d100e)}.portfolio-platform-ui main{padding:7%;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.portfolio-platform-ui main i{display:block;border-radius:16px;background:linear-gradient(145deg,#1f2923,#111713)}.portfolio-platform-ui main i:first-child{grid-column:1/3;background:linear-gradient(135deg,#2a5c43,#0b2116)}

/* LAYERS */
.portfolio-layers{--pf-layer-p:0;position:relative;min-height:190vh;padding:180px 24px;background:linear-gradient(180deg,#050605,#0a0c0b);overflow:clip}.portfolio-layers-copy{position:sticky;top:110px;width:min(760px,100%);margin:0 auto 0;text-align:center;z-index:2}.portfolio-layers h2{margin:26px 0 22px;font-size:clamp(48px,6vw,86px);line-height:.97;letter-spacing:-.04em}.portfolio-layers h2 span{color:#7f8782}.portfolio-layers-copy p{margin:0 auto;max-width:720px;color:#929a95;font-size:20px;line-height:1.52}.portfolio-layer-stage{position:sticky;top:0;height:100vh;min-height:700px;margin-top:110px;perspective:1400px}.portfolio-layer-card{position:absolute;left:50%;top:52%;width:min(760px,78vw);height:160px;padding:28px 34px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 35px 80px rgba(0,0,0,.45);backdrop-filter:blur(18px);transform:translate(-50%,-50%);transition:transform .1s linear}.portfolio-layer-card span{color:var(--pf-green);font-size:11px;font-weight:850}.portfolio-layer-card b{display:block;margin:25px 0 8px;font-size:28px}.portfolio-layer-card small{color:#89918c}.layer-strategy{transform:translate(-50%,calc(-50% - var(--pf-layer-p) * 260px)) rotateX(calc(var(--pf-layer-p) * -8deg))}.layer-structure{transform:translate(-50%,calc(-50% - var(--pf-layer-p) * 130px))}.layer-visual{transform:translate(-50%,-50%) scale(calc(1 + var(--pf-layer-p) * .035));border-color:rgba(69,232,151,.28);box-shadow:0 0 90px rgba(69,232,151,.09),0 35px 80px rgba(0,0,0,.45)}.layer-motion{transform:translate(-50%,calc(-50% + var(--pf-layer-p) * 130px))}.layer-tech{transform:translate(-50%,calc(-50% + var(--pf-layer-p) * 260px)) rotateX(calc(var(--pf-layer-p) * 8deg))}

/* SPACE */
.portfolio-space{padding:170px 24px 180px;background:#030403;overflow:hidden}.portfolio-space-copy{text-align:center}.portfolio-space h2{margin:27px 0 0;font-size:clamp(48px,6vw,88px);line-height:.97;letter-spacing:-.04em}.portfolio-space h2 span{color:#7d8580}.portfolio-space-stage{position:relative;width:min(1180px,100%);height:760px;margin:80px auto 0}.portfolio-space-rings{position:absolute;left:50%;top:50%;width:620px;aspect-ratio:1;transform:translate(-50%,-50%)}.portfolio-space-rings i{position:absolute;border:1px solid rgba(69,232,151,.18);border-radius:50%;animation:portfolio-breathe 5s ease-in-out infinite}.portfolio-space-rings i:nth-child(1){inset:5%}.portfolio-space-rings i:nth-child(2){inset:18%;animation-delay:-1s}.portfolio-space-rings i:nth-child(3){inset:31%;animation-delay:-2s}.portfolio-space-rings i:nth-child(4){inset:43%;background:radial-gradient(circle,#52ef9f,#0c3c26 65%,#050605);box-shadow:0 0 100px rgba(69,232,151,.15)}.portfolio-space-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.portfolio-space-core span{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 14px;border-radius:32px;background:#0f1511;color:var(--pf-green);font-size:54px;font-weight:800;box-shadow:0 35px 70px rgba(0,0,0,.45)}.portfolio-space-core small{color:#87908a}.space-card{position:absolute;width:220px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(13,16,14,.78);backdrop-filter:blur(18px);box-shadow:0 25px 60px rgba(0,0,0,.34);animation:portfolio-float 5.5s ease-in-out infinite}.space-card b{display:block;font-size:19px}.space-card span{display:block;margin-top:7px;color:#87908a;font-size:13px}.card-one{left:6%;top:18%}.card-two{right:5%;top:20%;animation-delay:-1.4s}.card-three{left:11%;bottom:15%;animation-delay:-2.6s}.card-four{right:10%;bottom:13%;animation-delay:-3.7s}

/* PAIR */
.portfolio-pair{padding:170px 24px;background:#090b0a}.portfolio-pair-copy{width:min(980px,100%);margin:0 auto;text-align:center}.portfolio-pair h2{margin:27px 0 22px;font-size:clamp(48px,6vw,86px);line-height:.97;letter-spacing:-.04em}.portfolio-pair h2 span{color:#7f8782}.portfolio-pair-copy p{max-width:720px;margin:0 auto;color:#929a95;font-size:20px;line-height:1.52}.portfolio-pair-stage{width:min(1260px,100%);margin:95px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.portfolio-pair-device{padding:12px;border-radius:32px;background:#171a18;box-shadow:0 45px 100px rgba(0,0,0,.42)}.portfolio-pair-device .pair-screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:24px}.portfolio-pair-device footer{padding:22px 12px 10px;display:flex;justify-content:space-between;gap:20px}.portfolio-pair-device footer b{font-size:18px}.portfolio-pair-device footer span{color:#89918c;font-size:13px}.pair-screen>span{position:absolute;z-index:2;left:7%;top:7%;font-size:12px;font-weight:850;letter-spacing:.15em}.pair-screen>strong{position:absolute;z-index:2;left:7%;bottom:8%;font-size:clamp(34px,4vw,60px);line-height:.92;letter-spacing:-.05em}.pair-light .pair-screen{background:#e8e3da;color:#111}.pair-light .pair-screen i{position:absolute;right:7%;top:13%;width:48%;height:70%;border-radius:48% 52% 65% 35%/38% 48% 52% 62%;background:linear-gradient(145deg,#d6cab7,#776d62);box-shadow:inset -30px -30px 70px rgba(0,0,0,.2)}.pair-color .pair-screen{background:linear-gradient(135deg,#ff4d45,#7d37ff 55%,#1e0f32)}.pair-color .pair-screen i{position:absolute;border-radius:50%;mix-blend-mode:screen}.pair-color .pair-screen i:nth-of-type(1){right:8%;top:12%;width:42%;aspect-ratio:1;background:radial-gradient(circle,#fff,#ffea77 28%,transparent 64%)}.pair-color .pair-screen i:nth-of-type(2){right:31%;bottom:2%;width:30%;aspect-ratio:1;background:radial-gradient(circle,#6fffd0,#22a1ff 45%,transparent 68%)}

/* DEVICES */
.portfolio-devices{padding:170px 24px 190px;background:#030403}.portfolio-devices-copy{width:min(980px,100%);margin:0 auto;text-align:center}.portfolio-devices h2{margin:27px 0 22px;font-size:clamp(48px,6vw,86px);line-height:.97;letter-spacing:-.04em}.portfolio-devices h2 span{color:#7f8782}.portfolio-devices-copy p{max-width:760px;margin:0 auto;color:#929a95;font-size:20px;line-height:1.52}.portfolio-device-family{position:relative;width:min(1220px,100%);height:720px;margin:90px auto 0}.device-desktop,.device-tablet,.device-phone{position:absolute;padding:10px;background:#171a18;box-shadow:0 45px 100px rgba(0,0,0,.42)}.device-desktop{left:0;top:0;width:74%;border-radius:28px}.device-tablet{right:4%;top:18%;width:36%;border-radius:26px}.device-phone{right:0;bottom:0;width:18%;border-radius:34px}.device-desktop>div,.device-tablet>div,.device-phone>div{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 28%,rgba(69,232,151,.26),transparent 27%),#07100b}.device-desktop>div{aspect-ratio:16/9;border-radius:20px}.device-tablet>div{aspect-ratio:4/5;border-radius:18px}.device-phone>div{aspect-ratio:9/19;border-radius:27px}.portfolio-device-family span{position:absolute;left:7%;top:7%;color:var(--pf-green);font-size:10px;font-weight:850;letter-spacing:.14em}.portfolio-device-family b{position:absolute;left:7%;bottom:10%;font-size:clamp(24px,3.4vw,52px);letter-spacing:-.04em}.portfolio-device-family i{position:absolute;display:block;border-radius:50%;background:linear-gradient(145deg,#77f3b8,#0c6c3d)}.device-desktop i:nth-of-type(1){width:31%;aspect-ratio:1;right:11%;top:14%}.device-desktop i:nth-of-type(2){width:17%;aspect-ratio:1;right:32%;bottom:8%;background:#dfffee}.device-desktop i:nth-of-type(3){width:13%;aspect-ratio:1;right:5%;bottom:10%;background:#18241d}.device-tablet i{width:56%;aspect-ratio:1;right:8%;top:20%;border-radius:36% 64% 48% 52%}.device-phone i{width:70%;aspect-ratio:1;left:15%;top:25%;background:radial-gradient(circle,#e5fff2,#3be68e 60%,#0c4f2e)}

/* MARQUEE */
.portfolio-marquee{overflow:hidden;padding:32px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:#090b0a}.portfolio-marquee-track{width:max-content;display:flex;align-items:center;gap:30px;animation:portfolio-marquee 24s linear infinite;color:#dfe3e0;font-size:clamp(28px,3.4vw,50px);font-weight:720;letter-spacing:-.03em}.portfolio-marquee-track i{width:8px;height:8px;border-radius:50%;background:var(--pf-green)}

/* FINAL */
.portfolio-final{padding:180px 24px 155px;text-align:center;background:radial-gradient(circle at 50% 55%,rgba(69,232,151,.14),transparent 28%),#030403}.portfolio-final h2{max-width:1100px;margin:28px auto 22px;font-size:clamp(50px,6.5vw,96px);line-height:.95;letter-spacing:-.045em}.portfolio-final h2 span{color:var(--pf-green)}.portfolio-final p{margin:0 auto 34px;color:#929a95;font-size:21px}.portfolio-final a{display:inline-flex;align-items:center;gap:10px;padding:17px 24px;border-radius:999px;background:#f4f6f5;color:#111;font-weight:800;text-decoration:none;box-shadow:0 24px 50px rgba(0,0,0,.28)}
.portfolio-disclosures{padding:0 24px 56px;background:#050605}.portfolio-disclosures ol{width:min(1220px,100%);margin:0 auto;padding:42px 0 0 26px;border-top:1px solid rgba(255,255,255,.1);color:#7f8782;font-size:13px;line-height:1.55}.portfolio-disclosures li+li{margin-top:12px}

[data-portfolio-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-portfolio-reveal].is-visible{opacity:1;transform:none}
@keyframes portfolio-breathe{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes portfolio-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes portfolio-marquee{to{transform:translateX(-50%)}}

@media (max-width:1180px){
    .portfolio-story-inner{padding-left:24px;grid-template-columns:minmax(290px,30vw) minmax(0,1fr);gap:80px}.portfolio-story-step>p{font-size:clamp(19px,1.8vw,24px)}.portfolio-project-copy strong{font-size:clamp(30px,3.7vw,48px)}.portfolio-device-family{height:620px}
}
@media (max-width:900px){
    .portfolio-hero{height:auto;min-height:0;padding:100px 0 70px}.portfolio-hero-stage{position:relative;height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column;align-items:center}.portfolio-hero-copy{position:relative;top:auto;left:auto;width:calc(100% - 32px);transform:none!important;opacity:1;text-align:center}.portfolio-hero-copy h1{font-size:clamp(52px,10vw,78px)}.portfolio-pulse{top:70%;width:90vw;opacity:.48;transform:translate(-50%,-50%) scale(.8)}.portfolio-core{position:relative;left:auto;bottom:auto;width:calc(100% - 32px);margin:55px auto 0;transform:none}.portfolio-hero-notes{display:none}.portfolio-opening{padding:120px 20px}.portfolio-opening-points{grid-template-columns:1fr}.portfolio-opening-points article{min-height:190px}.portfolio-opening-points span{margin-top:48px}
    .portfolio-story{padding:0 0 110px;overflow:hidden}.portfolio-story-inner{width:calc(100% - 32px);margin:0 auto;padding-left:0;display:block}.portfolio-story-copy{width:100%}.portfolio-story-step{min-height:0;padding:90px 0;display:block;opacity:1;transform:none}.portfolio-story-step>p{font-size:clamp(22px,5vw,30px)}.portfolio-story-mobile{display:block;margin-top:36px}.portfolio-story-visual{display:none}.portfolio-story-mobile .portfolio-project-frame{position:relative;width:100%;aspect-ratio:4/5;opacity:1;transform:none;pointer-events:auto;border-width:8px;border-radius:24px}.portfolio-story-mobile .portfolio-project-canvas{height:calc(100% - 38px)}.portfolio-story-mobile .portfolio-project-bar{height:38px}.portfolio-story-mobile .portfolio-project-copy{left:8%;right:8%;bottom:8%;max-width:none}.portfolio-story-mobile .portfolio-project-copy strong{font-size:clamp(29px,7vw,43px)}.portfolio-story-mobile .portfolio-brand-symbol,.portfolio-story-mobile .portfolio-experience-orbit,.portfolio-story-mobile .portfolio-editorial-columns,.portfolio-story-mobile .portfolio-platform-ui{right:8%;top:8%;width:72%;height:auto}.portfolio-story-mobile .portfolio-brand-symbol{aspect-ratio:1}.portfolio-story-mobile .portfolio-experience-orbit{aspect-ratio:1}.portfolio-story-mobile .portfolio-editorial-columns{height:48%}.portfolio-story-mobile .portfolio-platform-ui{height:48%}
    .portfolio-layers{min-height:0;padding:120px 20px}.portfolio-layers-copy{position:relative;top:auto}.portfolio-layer-stage{position:relative;top:auto;height:auto;min-height:0;margin-top:70px;display:grid;gap:14px}.portfolio-layer-card{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:135px;transform:none!important}.portfolio-space{padding:120px 20px}.portfolio-space-stage{height:680px}.portfolio-space-rings{width:min(540px,86vw)}.space-card{width:190px}.card-one{left:0}.card-two{right:0}.card-three{left:2%}.card-four{right:2%}.portfolio-pair{padding:120px 20px}.portfolio-pair-stage{grid-template-columns:1fr}.portfolio-devices{padding:120px 20px}.portfolio-device-family{height:620px}.device-desktop{width:92%}.device-tablet{width:48%;top:38%}.device-phone{width:25%}.portfolio-final{padding:130px 20px}.portfolio-disclosures{padding-left:20px;padding-right:20px}
}
@media (max-width:640px){
    .portfolio-hero{padding-top:78px}.portfolio-hero-copy h1{font-size:clamp(45px,13vw,62px)}.portfolio-core{width:calc(100% - 24px);margin-top:40px}.portfolio-core-shell{border-radius:24px}.portfolio-core-top{height:38px}.portfolio-core-caption{left:7%;bottom:8%;max-width:72%}.portfolio-core-caption strong{font-size:clamp(24px,7.8vw,34px)}.portfolio-core-visual{right:0;top:5%;width:63%;height:65%;opacity:.72}.portfolio-opening{padding:100px 12px}.portfolio-opening h2,.portfolio-layers h2,.portfolio-space h2,.portfolio-pair h2,.portfolio-devices h2,.portfolio-final h2{font-size:clamp(40px,11vw,58px)}.portfolio-story-inner{width:calc(100% - 24px)}.portfolio-story-step{padding:72px 0}.portfolio-story-step>p{font-size:20px}.portfolio-story-mobile{margin-top:28px}.portfolio-story-mobile .portfolio-project-frame{border-width:6px;border-radius:18px}.portfolio-story-mobile .portfolio-project-copy strong{font-size:clamp(26px,8vw,35px)}.portfolio-layers{padding:100px 12px}.portfolio-layer-card{padding:22px;min-height:125px}.portfolio-space{padding:100px 12px}.portfolio-space-stage{height:760px}.space-card{width:160px;padding:16px}.card-one{top:9%}.card-two{top:24%}.card-three{bottom:22%}.card-four{bottom:6%}.portfolio-pair{padding:100px 12px}.portfolio-pair-stage{margin-top:65px}.portfolio-pair-device{padding:8px;border-radius:24px}.portfolio-pair-device footer{display:block}.portfolio-pair-device footer span{display:block;margin-top:7px}.portfolio-devices{padding:100px 12px 130px}.portfolio-device-family{height:540px;margin-top:65px}.device-desktop{width:100%}.device-tablet{width:54%;top:42%;right:1%}.device-phone{width:29%;right:2%}.portfolio-marquee-track{gap:20px}.portfolio-final{padding:110px 12px}.portfolio-final p{font-size:18px}.portfolio-disclosures{padding-left:12px;padding-right:12px}.portfolio-disclosures ol{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
    .portfolio-hero-copy,.portfolio-core,.portfolio-pulse,.portfolio-layer-card,.portfolio-story-step,.portfolio-project-frame,[data-portfolio-reveal]{transition:none!important;transform:none!important;opacity:1!important}.portfolio-space-rings i,.space-card,.portfolio-marquee-track{animation:none!important}
}

/* Portfolio 0.7.1 · i livelli passano davanti al testo */
@media (min-width:901px){
    .portfolio-layers-copy{
        z-index:1;
    }
    .portfolio-layer-stage{
        z-index:4;
        isolation:isolate;
    }
    .portfolio-layer-stage::before{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        pointer-events:none;
        background:linear-gradient(180deg,rgba(5,6,5,.92),rgba(8,10,9,.98));
        opacity:clamp(0,calc((var(--pf-layer-p) - .16) * 3.4),1);
    }
    .portfolio-layer-card{
        z-index:3;
        background:linear-gradient(145deg,rgba(31,34,32,.98),rgba(15,17,16,.97));
        box-shadow:0 38px 90px rgba(0,0,0,.58);
        backdrop-filter:blur(22px) saturate(110%);
    }
    .layer-visual{
        box-shadow:0 0 100px rgba(69,232,151,.11),0 38px 90px rgba(0,0,0,.58);
    }
}