@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-mono-300.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-mono-700.woff2) format("woff2")}@font-face{font-family:TASA Explorer;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tasa-explorer-400.woff2) format("woff2")}@font-face{font-family:TASA Explorer;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tasa-explorer-500.woff2) format("woff2")}@font-face{font-family:TASA Explorer;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tasa-explorer-600.woff2) format("woff2")}@font-face{font-family:TASA Explorer;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tasa-explorer-700.woff2) format("woff2")}@font-face{font-family:TASA Explorer;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tasa-explorer-800.woff2) format("woff2")}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-400.woff2) format("woff2")}:root{--cream: #e4e0d8;--cream-dark: #d6d2c9;--red: #d64550;--red-dark: #b82828;--dark: #141314;--dark-2: #1e1c1c;--text: #141314;--muted: #7a7570;--mono: "IBM Plex Mono", monospace;--display: "TASA Explorer", sans-serif;--bebas: "Bebas Neue", sans-serif;--gw: 100vw;--page-gutter: 0px;--col: calc(var(--gw) / 12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.5;overflow-x:hidden;cursor:default}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.045) 0px,rgba(0,0,0,.045) 1px,transparent 1px,transparent var(--col));background-position-x:var(--page-gutter)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (hover: hover) and (pointer: fine){.btn-primary:hover,.cta-fixed:hover,.cv-btn:hover{color:var(--text)}}.cv-btn svg,.hero-arrow svg{pointer-events:none}.sidebar-nav{position:fixed;top:0;left:0;z-index:200;display:flex;flex-direction:column;gap:.5rem;padding:1.8rem 1.6rem}.nav-link{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--red);text-decoration:none;transition:color .15s;position:relative;z-index:1}@media (hover: hover) and (pointer: fine){.nav-link:hover{color:var(--text)}}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:1.6rem;pointer-events:none}.logo{height:2rem;width:auto;display:block;pointer-events:auto;transition:transform .15s linear,opacity .15s linear}.cta-fixed{position:fixed;top:1.2rem;right:1.6rem;z-index:200;background:var(--red);color:#fff;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.65rem 1.2rem;text-decoration:none;border:2px solid var(--red)}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem 4rem;text-align:center;overflow:hidden}.pixel-mac{width:220px;height:220px;position:relative;margin-bottom:2.5rem;image-rendering:pixelated;opacity:0;animation:fadeDown .7s .2s forwards;will-change:transform;backface-visibility:hidden}.pixel-mac svg{width:100%;height:100%}.hero-title{font-family:var(--display);font-weight:900;font-size:clamp(1.8rem,5vw,3.4rem);line-height:1.15;letter-spacing:-.02em;width:max-content;max-width:100%;text-align:center;opacity:0;animation:fadeUp .7s .4s forwards}.hero-line{display:block}.hero-line-nowrap{white-space:nowrap}@media (max-width: 600px){.hero-line-nowrap{white-space:normal}}.hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:2.8rem;opacity:0;animation:fadeUp .6s .6s forwards}.btn-primary{background:var(--red);color:#fff;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.85rem 2.2rem;text-decoration:none;border:2px solid var(--red);display:inline-block}.hero-or{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.hero-arrow{font-size:1.2rem;animation:bounce 1.8s infinite}.hero-meta{position:absolute;bottom:2rem;right:2rem;font-size:.62rem;letter-spacing:.1em;color:var(--red);text-align:right;line-height:1.8;opacity:0;animation:fadeUp .6s .9s forwards}.section-wrap{position:relative;z-index:1;padding:5rem var(--col) 5rem calc(var(--col) * 2);border-top:1.5px solid rgba(0,0,0,.12)}.works-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem}.works-title{font-family:var(--display);font-weight:900;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.03em;line-height:1}.works-title span{color:var(--red)}.works-desc{max-width:300px;font-size:.72rem;line-height:1.7;color:var(--muted)}.section-tag{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}.works-layout{display:grid;grid-template-columns:280px 1fr;gap:0;border:1.5px solid rgba(0,0,0,.12)}.works-list{position:relative;border-right:1.5px solid rgba(0,0,0,.12)}.work-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background .15s;position:relative}.work-item:last-child{border-bottom:none}.work-item.active{background:#0000000a}@media (hover: hover) and (pointer: fine){.work-item:hover{background:#0000000a}}.work-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}.work-thumb{width:44px;height:44px;background:var(--cream-dark);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--muted);font-family:var(--mono);border:1px solid rgba(0,0,0,.1);overflow:hidden}.work-thumb.atherea{background:#d4cef0}.work-thumb.poop{background:#cce8d4}.work-thumb.mercurio{background:#e8d4c4}.work-thumb.galletto{background:#d4e4e8}.work-thumb.ied{background:#e8e0c4}.work-thumb.cantastorie{background:#e8c4c4}.work-thumb.yugen{background:#c4c8e8}.work-item-info{flex:1;min-width:0}.work-item-name{font-size:.75rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-item-type{font-size:.6rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.work-indicator{position:absolute;right:1.2rem;top:0;width:8px;height:8px;background:var(--red);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .2s ease}.work-indicator.ready{opacity:1}.work-preview{padding:2.5rem;display:none;flex-direction:column;justify-content:space-between;min-height:380px}.work-preview.active{display:flex}@keyframes previewIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.work-preview.active .preview-num{animation:previewIn .5s cubic-bezier(.4,0,.2,1) both}.work-preview.active .preview-title{animation:previewIn .5s .06s cubic-bezier(.4,0,.2,1) both}.work-preview.active .preview-body{animation:previewIn .5s .12s cubic-bezier(.4,0,.2,1) both}.work-preview.active .cv-btn,.work-preview.active .preview-photos{animation:previewIn .5s .18s cubic-bezier(.4,0,.2,1) both}.work-preview.active .preview-tags{animation:previewIn .5s .24s cubic-bezier(.4,0,.2,1) both}.work-preview.active .preview-footer{animation:previewIn .5s .3s cubic-bezier(.4,0,.2,1) both}@media (prefers-reduced-motion: reduce){.work-preview.active *{animation:none!important}}.preview-num{font-size:.6rem;letter-spacing:.2em;color:var(--red);text-transform:uppercase;margin-bottom:1.2rem}.preview-title{font-family:var(--display);font-weight:900;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.03em;line-height:1;margin-bottom:1.2rem}.preview-body{font-size:.78rem;line-height:1.75;color:var(--muted);max-width:520px;margin-bottom:1.8rem}.preview-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.preview-tag{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .7rem;border:1.5px solid rgba(0,0,0,.18);color:var(--text);background:transparent}.preview-tag.red{border-color:var(--red);color:var(--red)}.preview-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.08);padding-top:1.2rem}.preview-role{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.preview-type{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:700}.preview-photos{display:grid;gap:6px;margin:1.2rem 0 1.5rem}.preview-photos img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}.preview-photos img.logo{object-fit:contain;padding:1.4rem}.preview-photos:has(>img.logo:first-child)>img.logo:first-child,.preview-photos:has(>img.cover:first-child)>img.cover:first-child{grid-column:1;grid-row:span 2;align-self:stretch;height:100%;min-height:0}.preview-photos:has(>img.logo:first-child)>img.logo:first-child{padding:2rem}.preview-photos img.cover{object-position:top}#preview-cantastorie .preview-photos img.cover{object-position:bottom}.preview-photos[data-count="1"]{grid-template-columns:1fr}.preview-photos[data-count="2"],.preview-photos[data-count="4"]{grid-template-columns:1fr 1fr}.preview-photos[data-count="3"],.preview-photos[data-count="5"],.preview-photos[data-count="6"],.preview-photos.cols-3{grid-template-columns:repeat(3,1fr)}.preview-photos.feature-first{grid-template-columns:1fr 1fr}.preview-photos.feature-first>img:first-child{grid-column:1 / -1;aspect-ratio:16 / 9}.preview-photos.feature-first>img:not(:first-child){aspect-ratio:1 / 1}.works-accordion{display:none;border:1.5px solid rgba(0,0,0,.12)}.acc-row{border-bottom:1px solid rgba(0,0,0,.08)}.acc-row:last-child{border-bottom:none}.acc-head{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;cursor:pointer;transition:background .15s;position:relative}.acc-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .15s}.acc-row.open .acc-head:before{opacity:1}.acc-row.open .acc-head{background:#e035350a}.acc-row.open .acc-head .work-item-name{color:var(--red)}.acc-arrow{font-size:.55rem;color:var(--red);flex-shrink:0;transition:transform .2s;margin-left:auto}.acc-row.open .acc-arrow{transform:rotate(180deg)}.acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.acc-inner{padding:.9rem 1rem 1.2rem;background:#00000005;border-top:1px solid rgba(0,0,0,.06)}.acc-photos-wrap{margin-bottom:.9rem}.acc-photos{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.acc-photos::-webkit-scrollbar{display:none}.acc-photo{flex:0 0 100%;min-width:0;height:auto;aspect-ratio:16 / 9;object-fit:cover;scroll-snap-align:start}.acc-photo.logo,.acc-photo.cover{object-fit:contain;height:100%}.acc-photo.logo{padding:2.2rem}.acc-dots{display:flex;justify-content:center;gap:5px;margin-top:7px}.acc-dot{width:5px;height:5px;border-radius:50%;background:#0000002e;transition:background .2s,transform .2s;flex-shrink:0}.acc-dot.active{background:var(--red);transform:scale(1.3)}.cv-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;margin-bottom:2.5rem;padding:.6rem 1.2rem;background:var(--red);color:#fff;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.about-title{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:2rem}.about-title .highlight{color:var(--red)}.about-body{font-size:.78rem;line-height:1.85;color:var(--muted);margin-bottom:1.5rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1.5px solid rgba(0,0,0,.12);margin-top:2.5rem}.stat-box{padding:1.4rem;border-right:1.5px solid rgba(0,0,0,.12);text-align:center}.stat-box:last-child{border-right:none}.stat-num{font-family:var(--bebas);font-size:3rem;color:var(--red);line-height:1;display:block}.stat-label{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}.skill-block{margin-bottom:2.2rem}.skill-block-title{font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.skill-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-size:.65rem;letter-spacing:.06em;padding:.35rem .8rem;border:1.5px solid rgba(0,0,0,.15);color:var(--text);background:transparent;transition:border-color .15s,color .15s,background .15s}.chip:hover{border-color:var(--red);color:var(--red);background:#e035350a}.marquee-section{position:relative;z-index:1;background:var(--dark);overflow:hidden;padding:3.5rem 0;border-top:1.5px solid rgba(0,0,0,.3)}.marquee-track{display:flex;width:max-content;align-items:center;animation:marquee 18s linear infinite}.marquee-item{font-family:var(--display);font-size:clamp(4rem,10vw,9rem);font-weight:600;color:#fff;white-space:nowrap;padding-right:2rem;letter-spacing:.04em;line-height:1}.marquee-dot{color:var(--red);padding-right:2rem;font-family:var(--display);font-weight:600;font-size:clamp(4rem,10vw,9rem)}.contact-section{position:relative;z-index:1;background:var(--dark);padding:5rem var(--col) 5rem calc(var(--col) * 2);border-top:1.5px solid rgba(255,255,255,.06)}.marquee-section:before,.contact-section:before,footer:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 1px,transparent 1px,transparent var(--col));background-position-x:var(--page-gutter)}.marquee-section>*,.contact-section>*,footer>*{position:relative;z-index:1}.contact-label{font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--red);margin-bottom:1.5rem;font-weight:700}.contact-email{font-family:var(--mono);font-size:clamp(.85rem,2.5vw,1.5rem);font-weight:300;color:#fff;text-decoration:none;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.3rem;display:inline-block;transition:color .2s,border-color .2s}@media (hover: hover) and (pointer: fine){.contact-email:hover{color:var(--red);border-color:var(--red)}}footer{position:relative;z-index:1;background:var(--dark);border-top:1px solid rgba(255,255,255,.07);padding:1.8rem var(--col) 1.8rem calc(var(--col) * 2);display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2.5rem}.footer-link{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;text-decoration:none;transition:color .15s;display:flex;align-items:center;gap:.4rem}@media (hover: hover) and (pointer: fine){.footer-link:hover{color:#fff}}.footer-copy{font-size:.62rem;letter-spacing:.1em;color:#ffffff40}.back-top{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;text-decoration:none;transition:color .15s;display:flex;align-items:center;gap:.4rem}@media (hover: hover) and (pointer: fine){.back-top:hover{color:#fff}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hamburger{display:none;position:fixed;top:1.1rem;right:1.2rem;z-index:300;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}@media (min-width: 901px){body.nav-scrolled .hamburger{display:flex;left:1.2rem;right:auto}}.hamburger span{display:block;width:22px;height:2px;background:var(--red);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),background .2s;transform-origin:center}.hamburger-x{position:absolute;top:50%;left:50%;translate:-50% -50%;color:var(--red);line-height:0;opacity:0;rotate:45deg;scale:.7;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),rotate .35s cubic-bezier(.4,0,.2,1),scale .35s cubic-bezier(.4,0,.2,1)}.hamburger[aria-expanded=true] span{opacity:0;transform:scaleX(0)}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(10.5px) rotate(45deg) scaleX(0)}.hamburger[aria-expanded=true] span:nth-child(4){transform:translateY(-10.5px) rotate(-45deg) scaleX(0)}.hamburger[aria-expanded=true] .hamburger-x{opacity:1;rotate:0deg;scale:1;pointer-events:auto}.mobile-menu{position:fixed;inset:0;z-index:250;background:var(--cream);display:flex;flex-direction:column;justify-content:space-between;padding:5rem 1.4rem 1.2rem;pointer-events:none;transform:translateY(-100%);transition:visibility .6s ease,transform .6s cubic-bezier(.4,0,.2,1);visibility:hidden;overflow:hidden}.mobile-menu[aria-hidden=false]{pointer-events:auto;visibility:visible;transform:translateY(0)}.mobile-menu-links{display:flex;flex-direction:column;align-items:flex-start;gap:0}.mobile-link{font-family:var(--mono);font-weight:300;font-size:clamp(2.4rem,8vw,4.2rem);letter-spacing:-.05em;line-height:1.2;text-transform:uppercase;color:var(--red);text-decoration:none;transition:color .15s}.mobile-link:focus-visible{color:var(--red)}@media (hover: hover) and (pointer: fine){.mobile-link:hover{color:var(--red)}}.mobile-menu-bottom{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;width:100%}.mobile-menu-brand{width:100%;user-select:none;display:block;flex-shrink:0}.mobile-menu-brand-text{font-family:var(--bebas);font-size:clamp(4.5rem,26vw,9rem);line-height:.85;letter-spacing:-.02em;color:var(--dark);white-space:nowrap;margin-left:-.04em;user-select:none}.mobile-menu-bottom--old{flex-direction:column;gap:.8rem}.mobile-menu-foot{display:contents}.mobile-menu-foot--row{display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-menu-foot span,.mobile-menu-foot a{font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mobile-menu-foot a{color:var(--dark);text-decoration:none;border-bottom:1px solid rgba(20,19,20,.3);padding-bottom:1px}@media (hover: hover) and (pointer: fine){.mobile-menu-foot a:hover{color:var(--red);border-color:var(--red)}}.hamburger[aria-expanded=true]{z-index:310}.hamburger[aria-expanded=true] span{width:28px;height:2.5px;background:#fff}body.menu-open{overflow:hidden}@media (max-width: 1200px){.section-wrap,.contact-section{padding-block:4.5rem}}@media (max-width: 900px){:root{--page-gutter: 1.25rem;--col: calc((var(--gw) - 2 * var(--page-gutter)) / 4)}.sidebar-nav{display:none}.hamburger{display:flex}.cta-fixed{display:none}.topbar{justify-content:flex-start;padding:1.4rem}.logo{height:1.75rem}.hero{padding:5rem 1.5rem 4rem;min-height:auto}.pixel-mac{width:140px;height:140px;margin-bottom:1.8rem}.hero-meta{position:static;margin-top:1.4rem;text-align:center}.hero-cta-group{margin-top:2rem}.section-wrap{padding:4rem var(--page-gutter)}.works-header{flex-direction:column;align-items:flex-start;gap:1.2rem;margin-bottom:2.5rem}.works-desc{max-width:none}.works-layout{display:none}.works-accordion{display:block}.work-item{padding:.9rem 1rem;min-height:56px}.work-preview{padding:1.8rem;min-height:0}.preview-photos{grid-template-columns:1fr!important;gap:8px}.preview-photos>img{grid-column:auto!important;grid-row:auto!important;aspect-ratio:16 / 9!important;width:100%!important;height:auto!important;max-height:56vw!important;object-fit:cover!important}.preview-footer{flex-direction:column;align-items:flex-start;gap:.6rem}.about-grid{grid-template-columns:1fr;gap:3rem}.stats-row{grid-template-columns:1fr}.stat-box{border-right:none;border-bottom:1.5px solid rgba(0,0,0,.12)}.stat-box:last-child{border-bottom:none}.contact-section{padding:4rem var(--page-gutter)}footer{padding:2rem var(--page-gutter);display:grid;grid-template-columns:1fr auto;column-gap:1rem;row-gap:.5rem;align-items:start;text-align:left}.footer-links{grid-column:1;grid-row:1 / span 2;flex-direction:column;gap:.9rem}.back-top{grid-column:2;grid-row:1;justify-self:end}.footer-copy{grid-column:2;grid-row:2;justify-self:end;text-align:right}.marquee-section{padding:2.5rem 0}}@media (max-width: 600px){.section-wrap,.contact-section{padding:3rem var(--page-gutter)}.hero{padding:10.5rem 1.4rem 2rem;min-height:var(--hero-h, 100svh);height:var(--hero-h, 100svh);overflow:hidden;justify-content:flex-start}.hero-title{font-size:clamp(1.3rem,6vw,1.8rem);margin-top:0}.pixel-mac{width:150px;height:150px;margin-bottom:1.5rem}.hero-cta-group{margin-top:auto}.btn-primary{padding:.85rem 1.6rem;font-size:.65rem}.preview-title{font-size:clamp(1.6rem,7vw,2.4rem)}.preview-body{font-size:.74rem}.work-preview{padding:1.4rem}.preview-tags{gap:.3rem}.preview-tag{font-size:.55rem;padding:.25rem .55rem}.about-title{font-size:clamp(1.8rem,8vw,2.6rem)}.about-body{font-size:.74rem}.marquee-item,.marquee-dot{font-size:clamp(3rem,14vw,5rem)}.contact-email{font-size:clamp(.85rem,4.5vw,1.2rem);word-break:break-word}footer{padding:1.6rem var(--page-gutter)}}@media (max-width: 380px){.topbar{padding:1.1rem 1rem}.hamburger{top:.9rem;right:.9rem}.hero-meta{font-size:.58rem}.work-thumb{width:38px;height:38px}.work-item{gap:.7rem}}@keyframes arrow-slot{0%{translate:0 0;opacity:1}40%{translate:var(--arrow-dx, 5px) var(--arrow-dy, -5px);opacity:0}41%{translate:calc(var(--arrow-dx, 5px) * -1) calc(var(--arrow-dy, -5px) * -1);opacity:0}to{translate:0 0;opacity:1}}.arrow-wrap{--arrow-dx: 5px;--arrow-dy: -5px}.arrow-wrap.arrow-down{--arrow-dx: 0px;--arrow-dy: 5px}@media (hover: hover) and (pointer: fine){a:hover .arrow-wrap{animation:arrow-slot .65s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.marquee-track{animation:none}}