.basic{padding:0 40px 32px}.basic__section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,2.55fr);column-gap:clamp(32px,4vw,72px);padding-block:clamp(64px,6vw,104px);display:grid}.basic [id]{scroll-margin-top:110px}.basic__section>*,.basic__skills>*,.basic__projects>*{min-width:0}.basic__eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.18em;color:var(--fg-dim);margin-bottom:24px;font-size:10px}.basic__heading h2{letter-spacing:-.045em;text-wrap:balance;max-width:15ch;font-size:clamp(28px,2.65vw,42px);font-weight:600;line-height:1.08}.basic__intro,.basic__note,.basic__description,.basic__history{color:var(--fg-dim);text-wrap:pretty;font-size:14px;line-height:1.75}.basic__note{max-width:38ch;margin-top:24px}.basic__about{grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr) minmax(0,.95fr)}.basic__intro{max-width:62ch}.basic__marks{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:28px;padding-left:clamp(24px,3vw,48px);display:flex}.basic__marks h3{font-size:14px;font-weight:500}.basic__marks p{color:var(--fg-dim);margin-top:7px;font-size:12px;line-height:1.6}.basic__skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;display:grid}.basic__skill{border-left:1px solid var(--line);padding-left:24px}.basic__skill h3{font-family:var(--font-mono), monospace;letter-spacing:.1em;font-size:11px}.basic__skill p{min-height:3.2em;color:var(--fg-dim);margin-top:10px;font-size:12px;line-height:1.6}.basic__chips{flex-wrap:wrap;align-content:start;gap:6px;margin-top:16px;display:flex}.basic__chips li{border:1px solid var(--line);color:var(--fg-dim);border-radius:5px;padding:5px 8px;font-size:10px;line-height:1.3}.basic__projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px;display:grid}.basic__project{border-bottom:1px solid var(--line);flex-direction:column;align-items:start;padding-bottom:20px;display:flex}.basic__visual{aspect-ratio:16/10;border:1px solid var(--line);background:var(--ground-2);border-radius:4px;width:100%;display:block;position:relative;overflow:hidden}.basic__visual img{object-fit:contain;transition:transform .2s}.basic__visual:hover img{transform:scale(1.025)}.basic__status{font-family:var(--font-mono), monospace;letter-spacing:.08em;color:var(--signal);margin-top:20px;font-size:9px}.basic__project h3{letter-spacing:-.035em;text-wrap:balance;margin-top:9px;font-size:20px;font-weight:600;line-height:1.25}.basic__labels{font-family:var(--font-mono), monospace;color:var(--fg-dim);flex-wrap:wrap;gap:6px 12px;margin-top:12px;font-size:8px;display:flex}.basic__description{margin-top:14px;font-size:13px;line-height:1.65}.basic__project-links{flex-wrap:wrap;gap:12px 18px;margin-top:auto;padding-top:24px;font-size:11px;display:flex}.basic__project-links a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px}.basic a,.basic summary{transition:color .16s}.basic a:hover,.basic summary:hover{color:var(--acc-project)}.basic :is(a,summary):focus-visible{outline:2px solid var(--acc-sistem);outline-offset:5px}.basic__mockup{position:absolute;inset:0;container-type:size}.basic__mockup>.frame-b{width:560px;max-width:none;height:350px;scale:calc(100cqw / 560px);margin:-175px 0 0 -280px;position:absolute;top:50%;left:50%}.basic__mockup .inv__scan{display:none}.basic__timeline{padding-left:12px}.basic__timeline>li{border-left:1px solid var(--line);grid-template-columns:minmax(110px,.65fr) minmax(0,1fr) minmax(0,1.5fr);gap:20px;padding:0 0 40px 28px;display:grid;position:relative}.basic__timeline>li:last-child{padding-bottom:0}.basic__timeline>li:before{content:"";background:var(--signal);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:-4px}.basic__period{font-family:var(--font-mono), monospace;color:var(--fg-dim);padding-top:2px;font-size:10px;line-height:1.7}.basic__role h3{font-size:14px;font-weight:500;line-height:1.5}.basic__role span{font-family:var(--font-mono), monospace;color:var(--fg-dim);margin-top:8px;font-size:10px;display:block}.basic__history{font-size:13px}.basic__history details{margin-top:10px}.basic__history summary{width:fit-content;font-family:var(--font-mono), monospace;cursor:pointer;font-size:10px}.basic__history details p{margin-top:12px}.basic__contact{grid-template-columns:minmax(0,1.2fr) minmax(0,1.45fr) minmax(160px,.55fr);align-items:center;gap:28px;padding-block:48px}.basic__contact .basic__heading h2{max-width:23ch}.basic__contact .basic__note{max-width:46ch;margin-top:20px}.basic__contact-panel{background:color-mix(in srgb, var(--fg) 3%, var(--ground));border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;min-height:236px;padding:32px;display:grid}.basic__contact-invite{align-self:center}.basic__contact-invite:before{content:"";background:var(--acc-sistem);width:34px;height:1px;margin-bottom:22px;display:block}.basic__contact-invite>p{letter-spacing:-.035em;max-width:13ch;font-size:20px;font-weight:500;line-height:1.3}.basic__hello{border:1px solid var(--line);background:var(--fg);color:var(--ground);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:13px 20px;font-size:12px;display:inline-flex}.basic .basic__hello:hover{color:var(--ground);background:var(--acc-sistem)}.basic__socials{border-left:1px solid var(--line);justify-content:center;align-items:center;gap:10px;padding-left:24px;display:flex}.basic__socials a{place-items:center;width:36px;height:44px;display:grid}.basic__contact-art{border-left:1px solid var(--line);align-self:stretch;min-height:236px;margin-bottom:-48px;position:relative;overflow:hidden}.basic__contact-art p{z-index:1;max-width:160px;font-family:var(--font-mono), monospace;letter-spacing:.08em;color:var(--fg-dim);padding:10px 0 0 24px;font-size:10px;line-height:1.5;position:relative}.basic__contact-art p span{display:block}.basic__contact-art img{width:230px;max-width:none;height:auto;position:absolute;bottom:-35px;right:0}.basic__footer{border-top:1px solid var(--line);min-height:124px;color:var(--fg-dim);justify-content:space-between;align-items:center;gap:32px;font-size:11px;display:flex}.basic__footer-identity{align-items:center;gap:30px;display:flex}.basic__footer-brand{border-right:1px solid var(--line);font-family:var(--font-mono), monospace;letter-spacing:-.09em;color:var(--fg);padding-right:30px;font-size:28px;font-weight:600}.basic__footer-identity p{line-height:1.7}.basic__footer-identity p span{display:block}.basic__footer nav{color:var(--fg);flex-wrap:wrap;gap:30px;display:flex}.basic__footer-purpose{letter-spacing:.04em;align-items:center;gap:10px;font-size:10px;display:flex}.basic__footer-purpose>span{background:var(--acc-sistem);border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (max-width:1439px){.basic__projects{grid-template-columns:repeat(2,minmax(0,1fr))}.basic__skills{gap:32px 18px}.basic__skill{padding-left:18px}.basic__timeline>li{grid-template-columns:minmax(90px,.7fr) minmax(0,1fr) minmax(0,1.35fr);gap:16px}.basic__contact{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(130px,.5fr);gap:22px}.basic__contact-panel{gap:20px;padding:26px}.basic__socials{gap:4px;padding-left:16px}.basic__contact-art p{padding-left:18px}.basic__footer{gap:24px}.basic__footer nav{gap:22px}}@media (max-width:1023px){.basic__section{grid-template-columns:1fr;gap:36px}.basic__heading h2{max-width:24ch;font-size:36px}.basic__note{max-width:64ch}.basic__about{grid-template-columns:repeat(2,minmax(0,1fr))}.basic__about>.basic__heading{grid-column:1/-1}.basic__skills{row-gap:36px}.basic__contact{grid-template-columns:minmax(0,1fr) 180px;gap:28px}.basic__contact>div:first-child{grid-column:1/-1}.basic__contact-panel{min-height:220px;padding:30px}.basic__contact-art{min-height:220px}.basic__footer{flex-wrap:wrap;padding-block:30px}.basic__footer-purpose{width:100%}}@media (max-width:767px){.basic{padding-inline:24px;padding-bottom:24px}.basic__section{gap:30px;padding-block:48px}.basic__about,.basic__skills,.basic__projects{grid-template-columns:1fr}.basic__heading h2{max-width:21ch;font-size:32px}.basic__eyebrow{margin-bottom:18px}.basic__intro{font-size:14px}.basic__marks{border-left:0;border-top:1px solid var(--line);gap:24px;padding:24px 0 0}.basic__skills{gap:26px}.basic__skill{border-left:0;border-bottom:1px solid var(--line-2);padding:0 0 24px}.basic__skill p{min-height:0}.basic__chips li{font-size:11px}.basic__projects{gap:36px}.basic__project h3{font-size:23px}.basic__visual{aspect-ratio:16/10}.basic__description{font-size:14px}.basic__timeline>li{grid-template-columns:1fr;gap:12px;padding-left:24px}.basic__role h3{font-size:16px}.basic__role span{margin-top:4px}.basic__contact{grid-template-columns:minmax(0,1fr);gap:30px;padding-bottom:0}.basic__contact-panel{grid-template-columns:minmax(0,1fr) auto;gap:18px;min-height:220px;padding:24px}.basic__socials{flex-direction:column;gap:0;padding-left:20px}.basic__contact-art{border-left:0;min-height:150px;margin-bottom:0}.basic__contact-art p{max-width:150px;padding:20px 0 0}.basic__contact-art img{width:170px;bottom:-48px;right:0}.basic__footer{gap:26px;padding-block:28px 8px}.basic__footer-identity{gap:22px;width:100%}.basic__footer-brand{padding-right:22px}.basic__footer nav{justify-content:space-between;gap:16px;width:100%}.basic__footer-purpose{font-size:9px}}@media (prefers-reduced-motion:reduce){.basic *,.basic :before,.basic :after{transition:none!important;animation:none!important}.basic__visual:hover img{transform:none}}
.hero{--gut:1.5rem;--pw:46%;--ph:84svh;--pr:4%;grid-template-rows:1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}@media (min-width:768px){.hero{--gut:2.5rem}}.hero__visual{z-index:0;right:var(--pr);width:var(--pw);max-width:700px;height:var(--ph);color:var(--fg);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:0}.hero__monogram{z-index:0;width:115%;height:auto;position:absolute;inset:-5% -7% auto -8%;overflow:visible}.hero__monogram text{fill:currentColor;opacity:.11;font-family:inherit;font-weight:800}.hero__monogram-fr{letter-spacing:-40px;font-size:380px}.hero__monogram-m{letter-spacing:-40px;font-size:400px}.hero__ring{z-index:0;aspect-ratio:1;background:repeating-linear-gradient(-25deg, color-mix(in srgb, currentColor 8%, transparent) 0, color-mix(in srgb, currentColor 8%, transparent) 1px, transparent 1px, transparent 8px);border-radius:50%;width:clamp(18rem,27vw,31rem);position:absolute;top:37%;left:-15%}.hero__portrait{z-index:1;object-fit:contain;object-position:bottom center;width:100%;height:100%;position:absolute;inset:0}.hero__main{z-index:2;align-self:center;max-width:640px;position:relative}.hero__micro{z-index:3;font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;pointer-events:none;font-size:10px;line-height:1.9;position:absolute}.hero__h1{letter-spacing:-.06em;margin-top:18px;font-size:clamp(4.5rem,7.5vw,9rem);font-weight:800;line-height:.86}.hero__line{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.hero__line>span{display:block}.hero__slant{transform-origin:0 100%;display:inline-block;transform:skew(-9deg)}.hero__cta{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.hero__go{border:1px solid var(--line);background:var(--cta-ground);color:var(--cta-fg);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:13px 20px;font-size:12px;transition:color .16s,background-color .16s;display:inline-flex}.hero__go:hover{background:var(--acc-sistem);color:var(--ground)}.hero__go:focus-visible{outline:2px solid var(--acc-sistem);outline-offset:5px}@media (prefers-reduced-motion:reduce){.hero__go{transition:none}}.hero[data-mode=basic] .hero__micro{opacity:1}.hero__stats{z-index:2;align-items:stretch;gap:26px;margin:0;padding:0;list-style:none;display:flex;position:relative}.hero__stats li+li{border-left:1px solid var(--line);padding-left:26px}.hero__stats b{color:var(--fg);font-size:22px;font-weight:600;line-height:1;display:block}.hero__stats span{font-family:var(--font-mono), monospace;letter-spacing:.2em;color:var(--fg-dim-2);margin-top:7px;font-size:9.5px;line-height:1.7;display:block}.hero__micro--name{color:var(--fg-dim);top:13%;left:52%}.hero__micro--building{top:13%;left:var(--gut);color:var(--fg-dim-2);opacity:.75}.hero__micro--loop{top:13%;right:var(--gut);text-align:right;color:var(--fg-dim)}.hero__micro--standards{top:47%;right:var(--gut);text-align:right;color:var(--fg-dim-2)}.hero__micro--tomorrow{right:var(--gut);text-align:right;color:var(--fg-dim-2);opacity:.7;bottom:15%}.hero__micro--loop:after,.hero__micro--standards:after{content:"";background:var(--line);width:34px;height:1px;margin-top:9px;margin-left:auto;display:block}@media (max-width:1279px){.hero{--pw:44%;--ph:74svh;--pr:0%}.hero__micro--building,.hero__micro--standards,.hero__micro--tomorrow{display:none}.hero__micro--name{left:auto;right:var(--gut);text-align:right;top:11%}.hero__micro--loop{top:22%}}@media (max-width:899px){.hero{grid-template-rows:auto auto;align-content:center;gap:30px;min-height:auto;padding-top:108px;padding-bottom:40px}.hero__main{max-width:none}.hero__visual{order:2;width:min(78%,340px);height:46svh;margin:4px auto 0;position:relative;right:auto}.hero__monogram text{opacity:.07}.hero__ring{width:62vw;top:65%;left:-41%}.hero__micro{display:none}.hero__foot{order:3}.hero__stats{gap:16px}.hero__stats li+li{padding-left:16px}.hero__h1{font-size:clamp(3.2rem,15vw,5rem)}}
.mode-switch{border:1px solid var(--line);font-family:var(--font-mono), monospace;border-radius:999px;flex-shrink:0;padding:2px;font-size:10px;line-height:1;display:inline-flex}.mode-switch button{border-radius:inherit;min-height:18px;color:var(--fg-dim);cursor:pointer;padding:0 12px;transition:color .16s,background-color .16s}.mode-switch button[aria-pressed=true]{color:var(--ground);background:var(--fg);font-weight:600}.mode-switch button:hover:not([aria-pressed=true]){color:var(--fg);background:var(--panel)}.mode-switch button:focus-visible{outline:2px solid var(--acc-sistem);outline-offset:3px}@media (max-width:767px){.site-nav{column-gap:12px}.site-nav>nav{gap:10px}.mode-switch button{padding-inline:9px}}@media (max-width:359px){.site-nav{padding-inline:16px}.site-nav>nav{gap:8px}.mode-switch button{padding-inline:7px}}@media (prefers-reduced-motion:reduce){.mode-switch button{transition:none}}