.pe-composition{width:100%;max-width:960px;margin-inline:auto}.pe-stage{isolation:isolate;width:100%;max-width:960px;margin-inline:auto;position:relative}.pe-surface{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);background:var(--subtle);border-radius:22px;height:440px;position:relative;overflow:hidden}.pe-background{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pe-background-image{object-fit:cover;object-position:center;opacity:0;transition:opacity .4s}.pe-stage[data-mode=profile] .pe-background-profile,.pe-stage[data-mode=contact] .pe-background-contact,.pe-stage[data-mode=links] .pe-background-links{opacity:1}.pe-product{width:min(600px,100% - 32px);height:400px;position:absolute;top:50%;left:50%;translate:-50% -50%}.pe-scene{opacity:0;visibility:hidden;pointer-events:none;align-items:center;transition:opacity .3s,transform .3s,visibility 0s .3s;display:grid;position:absolute;inset:0;transform:translateY(8px)}.pe-scene[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.pe-avatar{border:1px solid var(--border);background:var(--subtle);width:56px;height:56px;color:var(--fg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.pe-avatar img{object-fit:cover;width:100%;height:100%}.pe-digital-profile,.pe-contact-source,.pe-contact-destination,.pe-portfolio{border:1px solid var(--border);background:var(--background);color:var(--foreground);box-shadow:0 16px 28px -22px #0c0c0d40}.pe-digital-profile{border-radius:16px;width:min(344px,100%);margin-inline:auto;padding:14px}@media (max-width:500px){.pe-profile-scene,.pe-work-scene{transform-origin:50%;scale:.98}}@media (max-width:480px){.pe-profile-scene,.pe-work-scene{scale:.96}}@media (max-width:450px){.pe-profile-scene,.pe-work-scene{scale:.94}}@media (max-width:420px){.pe-profile-scene,.pe-work-scene{scale:.92}}@media (max-width:400px){.pe-profile-scene,.pe-work-scene{scale:.9}}@media (max-width:380px){.pe-profile-scene,.pe-work-scene{scale:.88}}@media (max-width:360px){.pe-profile-scene,.pe-work-scene{scale:.86}}.pe-digital-profile header{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.pe-digital-profile .pe-avatar{width:76px;height:76px}.pe-digital-profile h3{letter-spacing:-.03em;margin-top:6px;font-size:22px;font-weight:600;line-height:1.2}.pe-digital-profile header p{color:var(--fg-secondary);font-size:14px}.pe-profile-location{color:var(--fg-secondary);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:inline-flex}.pe-save-action{background:var(--brand);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:10px;font-size:14px;font-weight:500;display:flex}.pe-save-action:hover{filter:brightness(.96)}.pe-save-action:active{filter:brightness(.92)}.pe-quick-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.pe-quick-actions>button{width:44px;height:44px;color:var(--fg-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pe-quick-actions>button:hover{background:var(--subtle);color:var(--foreground)}.pe-profile-links{gap:4px;margin-top:8px;display:grid}.pe-profile-links>button{border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:36px;padding:6px 10px;font-size:12px;display:flex}.pe-profile-links>button:hover{border-color:var(--border-strong);background:var(--subtle)}.pe-profile-links>button>svg{color:var(--fg-secondary);margin-left:auto}.pe-digital-profile button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.pe-link-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.pe-link-icon svg{width:13px;height:13px}.pe-contact-scene{grid-template-columns:minmax(0,.8fr) 28px minmax(0,1fr);align-items:center;gap:12px;padding:20px;display:grid}.pe-contact-source{text-align:center;border-radius:12px;padding:24px 16px;transform:translateY(-24px)}.pe-contact-source h3{margin-top:12px;font-size:17px;font-weight:600}.pe-contact-source p,.pe-contact-heading p{color:var(--fg-secondary);margin-top:3px;font-size:12px}.pe-contact-source>span:last-child{color:var(--fg-secondary);margin-top:12px;font-size:10px;display:block}.pe-transfer-cue{color:var(--fg-secondary)}.pe-contact-destination{border-radius:12px;padding:24px 20px;transform:translateY(24px)}.pe-contact-heading{align-items:center;gap:10px;margin-bottom:24px;display:flex}.pe-contact-heading .pe-avatar{width:40px;height:40px}.pe-contact-heading h3{font-size:16px;font-weight:600}.pe-contact-detail{overflow-wrap:anywhere;align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.pe-contact-detail svg{color:var(--fg-secondary);flex-shrink:0}.pe-contact-success{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:16px;font-size:12px;font-weight:500;display:flex}.pe-contact-success svg{color:var(--brand)}.pe-work-scene{width:100%;padding:16px}.pe-portfolio{border-radius:12px;padding:16px;overflow:hidden}.pe-portfolio>header{justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:11px;display:flex}.pe-portfolio>header>span{color:var(--fg-secondary);white-space:nowrap}.pe-portfolio-identity{align-items:center;gap:8px;min-width:0;display:flex}.pe-portfolio-identity .pe-avatar{width:32px;height:32px}.pe-portfolio-identity strong{font-size:12px;font-weight:600;display:block}.pe-portfolio-identity div>span{color:var(--fg-secondary);font-size:10px}.pe-brand-study{background:var(--subtle);grid-template-columns:.85fr 1.15fr;min-height:158px;display:grid;overflow:hidden}.pe-brand-mark{border-right:1px solid var(--border-strong);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.pe-brand-mark svg{width:84px;height:84px}.pe-brand-mark>span{color:var(--fg-secondary);letter-spacing:.12em;font-size:8px}.pe-brand-wordmark{flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 24px;display:flex}.pe-brand-wordmark>span{color:var(--fg-secondary);font-size:9px}.pe-brand-wordmark>strong{letter-spacing:-.04em;margin-block:8px;font-size:32px;font-weight:600;line-height:.95}.pe-brand-swatches{gap:3px;display:flex}.pe-brand-swatches i{background:var(--foreground);width:16px;height:5px}.pe-brand-swatches i:nth-child(2){background:var(--border-strong)}.pe-brand-swatches i:nth-child(3){background:var(--brand);width:6px}.pe-digital-study{background:var(--canvas);border:1px solid var(--border);height:96px;padding:12px;position:relative;overflow:hidden}.pe-digital-study>div{justify-content:space-between;align-items:center;font-size:7px;display:flex}.pe-digital-study p{letter-spacing:-.03em;margin-top:10px;font-size:22px;font-weight:600;line-height:.95}.pe-digital-study svg{width:42px;height:42px;color:var(--fg-secondary);position:absolute;bottom:10px;right:12px}.pe-type-study{background:var(--foreground);height:96px;color:var(--canvas);position:relative;overflow:hidden}.pe-type-study>span{letter-spacing:.1em;font-size:7px;position:absolute;top:10px;left:12px}.pe-type-study>strong{letter-spacing:-.04em;font-size:88px;font-weight:500;line-height:1;position:absolute;bottom:-12px;right:16px}.pe-type-study>small{font-size:7px;position:absolute;bottom:10px;left:12px}.pe-project-caption{justify-content:space-between;gap:8px;padding-top:7px;font-size:10px;display:flex}.pe-project-caption strong{margin-left:8px;font-weight:500}.pe-project-caption>span:last-child{color:var(--fg-secondary)}.pe-project-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}@media (max-width:599px){.pe-contact-scene{flex-direction:column;gap:0;padding:8px;display:flex}.pe-contact-source{text-align:left;align-self:flex-start;width:200px;padding:14px;transform:none}.pe-contact-source .pe-avatar{float:left;width:36px;height:36px;margin-right:10px}.pe-contact-source h3{margin-top:0;font-size:14px}.pe-contact-source>span:last-child{clear:both;margin-top:8px}.pe-transfer-cue{align-self:center;height:28px;rotate:90deg}.pe-contact-destination{align-self:flex-end;width:min(260px,100%);padding:20px;transform:none}.pe-contact-heading{margin-bottom:16px}.pe-contact-success{margin-top:16px}.pe-work-scene{padding:0}.pe-portfolio{padding:12px}.pe-portfolio>header{gap:8px;font-size:10px}.pe-brand-mark{padding:12px}.pe-brand-mark svg{width:64px;height:64px}.pe-brand-wordmark{padding:14px}.pe-brand-wordmark>strong{font-size:28px}.pe-project-thumbnails{gap:10px}.pe-project-caption strong{margin-left:0;display:block}.pe-digital-study{padding:8px}.pe-digital-study p{font-size:18px}.pe-digital-study svg{width:24px;height:24px;right:8px}.pe-type-study>strong{font-size:72px;right:8px}.pe-type-study>small{font-size:6px}}.pe-selector{z-index:2;margin-inline:auto;background:0 0;gap:2px;width:min(440px,100%);margin-bottom:12px;padding:6px;display:flex;position:relative}.pe-selector button{min-width:max-content;min-height:46px;color:var(--fg-secondary);white-space:nowrap;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding-inline:10px;font-size:14px;font-weight:400;transition:color .3s;display:inline-flex;position:relative}.pe-selector button:hover{color:var(--foreground)}.pe-selector button[aria-pressed=true]{color:var(--foreground);font-weight:600}.pe-selector button:focus-visible{outline:2px solid var(--foreground);outline-offset:-2px}.pe-selector-icon{flex-shrink:0;display:block}@media (max-width:768px){.pe-selector{flex-direction:column;align-items:flex-start;width:100%;margin-inline:0;padding:0}.pe-selector button{flex:none;justify-content:flex-start;gap:10px;min-height:44px;padding-inline:0 8px}}@media (min-width:769px){.pe-composition,.pe-stage{width:min(960px,100vw - 96px);max-width:960px}.pe-surface{aspect-ratio:960/510;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 72px,100% 100%,0 100%);height:auto;min-height:440px}}@media (min-width:1280px){.pe-surface{min-height:0;clip-path:var(--pe-clip);border-radius:0}.pe-product{left:58%}.pe-selector{top:var(--pe-selector-top);left:var(--pe-selector-left);width:var(--pe-selector-width);flex-direction:column;gap:2px;height:156px;margin:0;padding:6px;position:absolute}.pe-selector button{flex:none;justify-content:flex-start;gap:7px;padding-inline:8px;font-size:12px}}@media (prefers-reduced-motion:no-preference){.pe-reveal[data-state=idle] .pe-surface,.pe-reveal[data-state=idle] .pe-product,.pe-reveal[data-state=idle] .pe-selector{opacity:0}.pe-reveal[data-state=in] .pe-surface{animation:.45s both pe-fade}.pe-reveal[data-state=in] .pe-product{animation:.55s cubic-bezier(.22,1,.36,1) .18s both pe-settle}.pe-reveal[data-state=in] .pe-selector{animation:.45s cubic-bezier(.22,1,.36,1) .4s both pe-selector-in}.pe-reveal[data-state=idle] .pe-profile-scene{opacity:0}.pe-reveal[data-state=in] .pe-profile-scene{animation:.6s cubic-bezier(.22,1,.36,1) .18s both pe-fade}.pe-scene:has(>.pe-profile-scene){transition-timing-function:cubic-bezier(.22,1,.36,1)}.pe-scene[data-active=true] .pe-contact-source{animation:.3s both pe-contact-resolve}.pe-scene[data-active=true] .pe-transfer-cue{animation:.25s .1s both pe-contact-resolve}.pe-scene[data-active=true] .pe-contact-destination{animation:.3s .18s both pe-contact-resolve}.pe-scene[data-active=true] .pe-contact-success{animation:.2s .35s both pe-contact-resolve}}@keyframes pe-contact-resolve{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes pe-fade{0%{opacity:0}}@keyframes pe-settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pe-selector-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.pe-scene,.pe-background-image,.pe-selector button{transition:none}.pe-scene{transform:none}}
.final-cta-section{background:var(--canvas);padding-block:clamp(4.5rem,6vw,5rem)}.final-cta-container{width:100%;max-width:76rem;margin-inline:auto;padding-inline:1.5rem}.final-cta-panel{isolation:isolate;min-height:clamp(26.25rem,50vw + 15.625rem,29.375rem);color:var(--canvas);background-color:var(--brand);background-image:radial-gradient(ellipse 85% 35% at 45% 0%, color-mix(in srgb, var(--canvas) 18%, transparent), transparent), radial-gradient(ellipse 90% 55% at -10% 115%, color-mix(in srgb, var(--canvas) 12%, transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--foreground) 10%, transparent), color-mix(in srgb, var(--foreground) 16%, transparent) 28%, color-mix(in srgb, var(--foreground) 16%, transparent) 65%, color-mix(in srgb, var(--foreground) 26%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--canvas) 42%, transparent), inset 1px 0 0 color-mix(in srgb, var(--canvas) 12%, transparent), inset -1px 0 0 color-mix(in srgb, var(--canvas) 12%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--foreground) 18%, transparent), 0 14px 32px -22px color-mix(in srgb, var(--brand) 36%, transparent);border-radius:1.5rem;place-items:center;padding:3rem clamp(1.25rem,5.6vw,1.5rem) 9rem;display:grid;position:relative;overflow:hidden}.final-cta-panel:before,.final-cta-panel:after{content:"";pointer-events:none;position:absolute}.final-cta-panel:before{background:var(--canvas);opacity:.16;filter:blur(22px);border-radius:50%;width:80%;height:4rem;top:3.5rem;left:6%;transform:rotate(-12deg)}.final-cta-panel:after{background:radial-gradient(ellipse closest-side at 65% 65%, color-mix(in srgb, var(--canvas) 28%, transparent), transparent);filter:blur(24px);width:clamp(16rem,35vw,24rem);height:clamp(11rem,22vw,15rem);bottom:-4rem;right:1rem}.final-cta-copy{z-index:2;text-align:center;width:100%;min-width:0;max-width:64rem;position:relative}.final-cta-heading{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2rem,10.4vw,2.75rem);font-weight:600;line-height:1.05}.final-cta-heading>span{white-space:nowrap;display:block}.final-cta-support{max-width:38rem;color:color-mix(in srgb, var(--canvas) 98%, transparent);text-wrap:balance;margin:1rem auto 0;font-size:1rem;line-height:1.5}.final-cta-action{isolation:isolate;width:11.25rem;max-width:100%;min-height:3.25rem;color:var(--foreground);background:var(--canvas);background-image:linear-gradient(180deg, #ffffffa6, transparent 50%, color-mix(in srgb, var(--foreground) 3%, transparent));box-shadow:inset 0 1px 0 #fffffff2, inset 0 -2px 1px color-mix(in srgb, var(--foreground) 10%, transparent), 0 4px 10px -4px color-mix(in srgb, var(--foreground) 24%, transparent);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;line-height:1.5;display:inline-flex;position:relative;overflow:hidden}.final-cta-action:before{content:"";z-index:-1;background:linear-gradient(115deg,#0000 25%,#ffffffb3 50%,#0000 75%) 80% 0/180% 100%;transition:background-position .18s ease-out;position:absolute;inset:0}.final-cta-action>svg{flex-shrink:0;transition:transform .18s ease-out}.final-cta-action:focus-visible{outline:2px solid var(--canvas);outline-offset:4px}.final-cta-action:focus-visible:before{background-position:20% 0}.final-cta-action:focus-visible>svg{transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.final-cta-action:hover:before{background-position:20% 0}.final-cta-action:hover>svg{transform:rotate(45deg)}}.final-cta-card{z-index:1;pointer-events:none;width:clamp(9.0625rem,50vw - 2rem,11.5625rem);height:auto;box-shadow:0 1px 1px color-mix(in srgb, var(--canvas) 30%, transparent), 0 10px 20px -8px color-mix(in srgb, var(--foreground) 32%, transparent);border-radius:.75rem;display:block;position:absolute;bottom:-1.75rem;right:1.25rem;transform:rotate(-6deg)}@media (min-width:769px){.final-cta-panel{border-radius:1.75rem;min-height:30rem;padding:5rem 2.5rem 8rem}.final-cta-panel:before{width:72%;top:4.5rem;left:12%}.final-cta-heading{font-size:clamp(3rem,4.6vw,4rem)}.final-cta-heading>span{display:inline-block}.final-cta-support{font-size:1.25rem}.final-cta-action{min-height:3.5rem;margin-top:2rem}.final-cta-card{width:15rem;bottom:-3rem;right:2rem;transform:rotate(-8deg)}}@media (min-width:1024px){.final-cta-card{width:clamp(17.8125rem,25vw,19.6875rem)}}@media (prefers-reduced-motion:reduce){.final-cta-action:before,.final-cta-action>svg{transition:none}.final-cta-action:is(:hover,:focus-visible)>svg{transform:none}}