.portfolio-module___G9K8W__page{min-height:100vh;color:var(--sylo-ice-white);background:radial-gradient(circle at 82% 9%,#7c3aed30,#0000 30%),radial-gradient(circle at 8% 55%,#0ea5e91c,#0000 34%),#05091a;overflow:hidden}.portfolio-module___G9K8W__header{z-index:5;border-bottom:1px solid #cbd5e120;justify-content:space-between;align-items:center;width:min(100% - 44px,1440px);height:82px;margin:0 auto;display:flex;position:relative}.portfolio-module___G9K8W__brand{letter-spacing:-.03em;align-items:center;gap:11px;font-weight:800;display:flex}.portfolio-module___G9K8W__brand span{flex-direction:column;display:flex}.portfolio-module___G9K8W__brand small{color:var(--sylo-cyber-cyan);letter-spacing:.2em;text-transform:uppercase;font:7px/1.2 monospace}.portfolio-module___G9K8W__backLink{color:var(--sylo-cool-silver);letter-spacing:.08em;font-size:12px}.portfolio-module___G9K8W__intro{isolation:isolate;align-content:center;width:min(100% - 44px,1344px);min-height:min(78vh,760px);margin:0 auto;display:grid;position:relative}.portfolio-module___G9K8W__intro>:not(.portfolio-module___G9K8W__heroMark){z-index:1;position:relative}.portfolio-module___G9K8W__intro h1,.portfolio-module___G9K8W__closing h2{letter-spacing:-.075em;max-width:10ch;margin:24px 0 0;font-size:clamp(66px,9.5vw,148px);line-height:.82}.portfolio-module___G9K8W__intro h1 em,.portfolio-module___G9K8W__closing h2 em{color:#0000;background:var(--sylo-gradient);filter:drop-shadow(0 0 22px #7c3aed55);-webkit-background-clip:text;background-clip:text;font-style:normal}.portfolio-module___G9K8W__intro h1 em span{padding-right:.08em;display:inline-block}.portfolio-module___G9K8W__intro p{max-width:540px;color:var(--sylo-cool-silver);margin:38px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.65}.portfolio-module___G9K8W__eyebrow{color:var(--sylo-cyber-cyan);letter-spacing:.24em;font:10px/1.4 monospace}.portfolio-module___G9K8W__heroMark{z-index:0;aspect-ratio:1241/1267;filter:drop-shadow(0 34px 34px #020617cc)drop-shadow(0 0 30px #7c3aed77);width:min(44vw,560px);position:absolute;top:50%;right:clamp(-46px,-2vw,-18px);transform:translateY(-50%)}.portfolio-module___G9K8W__heroMark:before{content:"";filter:blur(24px);background:radial-gradient(circle,#22d3ee33 0,#7c3aed24 38%,#0000 70%);border-radius:50%;position:absolute;inset:10%}.portfolio-module___G9K8W__heroMark img{object-fit:contain}.portfolio-module___G9K8W__projects{width:min(100% - 44px,1440px);margin:0 auto}.portfolio-module___G9K8W__project{border-top:1px solid #22d3ee55;padding:clamp(90px,11vw,170px) 0}.portfolio-module___G9K8W__projectHeading{grid-template-columns:80px minmax(280px,.8fr) minmax(320px,.7fr);align-items:end;gap:clamp(24px,5vw,82px);margin-bottom:58px;display:grid}.portfolio-module___G9K8W__projectHeading>*{min-width:0}.portfolio-module___G9K8W__projectNumber{color:#cbd5e166;align-self:start;font:12px monospace}.portfolio-module___G9K8W__projectHeading h2{letter-spacing:-.065em;margin:17px 0 0;font-size:clamp(48px,7vw,108px);line-height:.86}.portfolio-module___G9K8W__professional{color:#e7d3c3;letter-spacing:.14em;text-transform:uppercase;margin-top:20px;font:11px/1.5 monospace;display:block}.portfolio-module___G9K8W__projectHeading p{color:var(--sylo-cool-silver);font-size:clamp(15px,1.2vw,18px);line-height:1.65}.portfolio-module___G9K8W__previewShell{background:#070b1a;border:1px solid #22d3ee55;border-radius:14px;overflow:hidden;box-shadow:0 45px 120px #020617,0 0 70px #2563eb22}.portfolio-module___G9K8W__browserBar{color:#cbd5e177;letter-spacing:.15em;border-bottom:1px solid #cbd5e120;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 18px;font:9px monospace;display:grid}.portfolio-module___G9K8W__browserBar span:last-child{color:var(--sylo-cyber-cyan);justify-self:end}.portfolio-module___G9K8W__previewStage{aspect-ratio:16/9;background:#111b4d;position:relative;overflow:hidden}.portfolio-module___G9K8W__screenshot{object-fit:cover;object-position:top center}.portfolio-module___G9K8W__previewStage .portfolio-live-frame{z-index:2;background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-module___G9K8W__previewStage .portfolio-preview-reset{z-index:3;color:var(--sylo-cyber-cyan);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:#020617e8;border:1px solid #22d3ee88;border-radius:999px;padding:9px 12px;font:8px monospace;position:absolute;bottom:14px;right:14px;box-shadow:0 0 22px #2563eb55}:is(.portfolio-module___G9K8W__previewStage .portfolio-preview-reset:hover,.portfolio-module___G9K8W__previewStage .portfolio-preview-reset:focus-visible){color:#fff;border-color:#67e8f9;outline:none;box-shadow:0 0 28px #22d3ee66}.portfolio-module___G9K8W__staticLabel{z-index:3;color:var(--sylo-cyber-cyan);letter-spacing:.16em;background:#020617d9;border:1px solid #22d3ee55;border-radius:999px;padding:8px 10px;font:8px monospace;display:none;position:absolute;bottom:14px;right:14px}.portfolio-module___G9K8W__projectFooter{justify-content:space-between;align-items:center;gap:30px;padding-top:34px;display:flex}.portfolio-module___G9K8W__projectFooter ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.portfolio-module___G9K8W__projectFooter li{color:var(--sylo-cool-silver);border:1px solid #cbd5e12e;border-radius:999px;padding:8px 12px;font-size:11px}.portfolio-module___G9K8W__visitLink{border-bottom:1px solid var(--sylo-cyber-cyan);align-items:center;gap:18px;padding-bottom:8px;font-size:14px;font-weight:700;display:inline-flex}.portfolio-module___G9K8W__visitLink span[aria-hidden]{color:var(--sylo-cyber-cyan)}.portfolio-module___G9K8W__editorialProject{border-top-color:#b88a5b77}.portfolio-module___G9K8W__editorialProject .portfolio-module___G9K8W__eyebrow,.portfolio-module___G9K8W__editorialProject .portfolio-module___G9K8W__browserBar span:last-child,.portfolio-module___G9K8W__editorialProject .portfolio-module___G9K8W__visitLink span[aria-hidden]{color:#e8b985}.portfolio-module___G9K8W__editorialProject .portfolio-module___G9K8W__previewShell{border-color:#b88a5b66;box-shadow:0 45px 120px #020617,0 0 70px #7f1d2d22}.portfolio-module___G9K8W__editorialProject .portfolio-module___G9K8W__projectHeading{grid-template-columns:80px minmax(320px,.9fr) minmax(320px,.6fr)}.portfolio-module___G9K8W__closing{text-align:center;background:radial-gradient(circle,#7c3aed30,#0000 54%);flex-direction:column;justify-content:center;align-items:center;min-height:82vh;padding:100px 22px;display:flex}.portfolio-module___G9K8W__closing h2{max-width:none}.portfolio-module___G9K8W__closing a{border:1px solid #22d3ee88;border-radius:8px;margin-top:48px;padding:16px 21px;font-weight:700;box-shadow:0 0 35px #7c3aed44}.portfolio-module___G9K8W__footer{width:min(100% - 44px,1440px);color:var(--sylo-cool-silver);border-top:1px solid #cbd5e120;justify-content:space-between;margin:0 auto;padding:34px 0;font-size:11px;display:flex}.portfolio-module___G9K8W__footer p{margin:0}.portfolio-module___G9K8W__footer p span{color:var(--sylo-cyber-cyan)}@media (min-width:1025px){.portfolio-module___G9K8W__previewStage{aspect-ratio:auto;height:clamp(560px,78dvh,900px)}}@media (max-width:1024px){.portfolio-module___G9K8W__projectHeading,.portfolio-module___G9K8W__editorialProject .portfolio-module___G9K8W__projectHeading{grid-template-columns:48px minmax(0,1fr)}.portfolio-module___G9K8W__projectHeading p{grid-column:2;max-width:680px}.portfolio-module___G9K8W__staticLabel{display:block}.portfolio-module___G9K8W__heroMark{opacity:.7;width:min(54vw,520px);right:-12%}}@media (max-width:640px){.portfolio-module___G9K8W__header{width:calc(100% - 32px);height:70px}.portfolio-module___G9K8W__brand img{width:34px;height:34px}.portfolio-module___G9K8W__backLink{font-size:10px}.portfolio-module___G9K8W__intro,.portfolio-module___G9K8W__projects{width:calc(100% - 32px)}.portfolio-module___G9K8W__intro{min-height:72vh}.portfolio-module___G9K8W__intro h1,.portfolio-module___G9K8W__closing h2{font-size:clamp(54px,17vw,82px)}.portfolio-module___G9K8W__intro p{margin-top:28px;font-size:15px}.portfolio-module___G9K8W__heroMark{opacity:.3;width:82vw;top:40%;right:-40%}.portfolio-module___G9K8W__project{padding:84px 0}.portfolio-module___G9K8W__projectHeading,.portfolio-module___G9K8W__editorialProject .portfolio-module___G9K8W__projectHeading{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:34px}.portfolio-module___G9K8W__projectHeading p{grid-column:1}.portfolio-module___G9K8W__projectHeading h2{font-size:clamp(48px,15vw,74px)}.portfolio-module___G9K8W__projectNumber{display:none}.portfolio-module___G9K8W__browserBar{grid-template-columns:1fr auto}.portfolio-module___G9K8W__browserBar span:nth-child(2){display:none}.portfolio-module___G9K8W__previewStage{aspect-ratio:1616/856}.portfolio-module___G9K8W__projectFooter{flex-direction:column;align-items:flex-start}.portfolio-module___G9K8W__closing{min-height:72vh}}@media (orientation:landscape) and (max-height:560px){.portfolio-module___G9K8W__intro{min-height:620px}.portfolio-module___G9K8W__closing{min-height:560px}}@media (prefers-reduced-motion:reduce){.portfolio-module___G9K8W__page{scroll-behavior:auto}}
