@font-face{font-family:TikTok;src:url('assets/TikTok.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
:root{--black:#080808;--white:#f8f8f5;--cyan:#2dccd3;--pink:#f1204a;--yellow:#fbeb35;--muted:#aaa;--line:#303030;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,5.2vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--black);color:var(--white);font-family:TikTok,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.28;cursor:default}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:var(--cyan);color:var(--black)}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}p{line-height:1.65;margin:0}h1,h2,h3,h4{margin:0;font-weight:750;letter-spacing:-.045em;line-height:1.02}h2{font-size:clamp(46px,6.6vw,94px)}h3{font-size:clamp(28px,3.3vw,44px)}.container{width:min(100% - var(--gutter)*2,1360px);margin-inline:auto}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}.skip-link{position:fixed;top:8px;left:8px;background:var(--cyan);color:#000;padding:15px;z-index:200;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:104px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff12;background:#080808ed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:40}.wordmark{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:650;line-height:1.1}.monogram{font-size:52px;letter-spacing:-.12em;line-height:1;position:relative;display:inline-block;padding-right:8px;text-shadow:-2px -1px 0 var(--cyan),2px 2px 0 var(--pink)}.main-nav{display:flex;align-items:center;gap:4px;background:#161616;padding:6px;border-radius:99px;border:1px solid #2a2a2a}.main-nav a{font-size:13px;font-weight:550;border-radius:99px;padding:13px 22px;white-space:nowrap;transition:background .25s,color .25s}.main-nav a:hover{background:#292929}.main-nav a[aria-selected=true]{color:#080808;background:var(--white)}.motion-control{width:38px;height:38px;border:1px solid #393939;border-radius:50%;font-size:15px;flex:none}.motion-control[aria-pressed=true]{background:var(--cyan);color:#080808;border-color:var(--cyan)}.hero{position:relative;padding-top:46px;padding-bottom:58px;min-height:740px}.about-hero{display:grid;grid-template-columns:58% 42%;align-items:center}.hero-copy{position:relative;z-index:4}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:30px}.live-dot{width:6px;height:6px;background:var(--pink);display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #f1204a16}.eyebrow-year{color:#777;margin-left:13px}.hello{font-size:20px;margin-bottom:15px}.hero h1{font-size:clamp(70px,8.7vw,132px);letter-spacing:-.065em;line-height:.96}.split-shadow{display:inline-block;transition:text-shadow .5s;position:relative}.hero:hover .split-shadow{text-shadow:3px 3px 0 #f1204a55}.hero-description{color:#bdbdbd;font-size:16px;margin-top:25px;max-width:520px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 24px;border-radius:5px;font-size:14px;font-weight:650;min-height:54px;transition:transform .3s var(--ease),background .2s,box-shadow .2s;white-space:normal}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--cyan);color:var(--black)}.button.primary:hover{box-shadow:4px 4px 0 var(--pink)}.button.secondary{border:1px solid #666;background:transparent}.button.white{background:var(--white);color:#080808}.hero-copy .button{margin-top:30px}.button svg{width:19px;height:19px}.portrait-wrap{height:580px;position:relative;align-self:end;--px:0px;--py:0px;transform:translate(var(--px),var(--py));transition:transform .7s var(--ease)}.portrait-stage{position:absolute;width:118%;height:100%;left:-9%;bottom:0;isolation:isolate;mask-image:linear-gradient(#000 86%,transparent)}.portrait-photo,.portrait-layer{position:absolute;width:100%;height:100%;object-fit:contain;object-position:bottom;bottom:0}.portrait-layer{mask:url('assets/pedro-cutout.webp') bottom/contain no-repeat}.cyan-layer{background:var(--cyan);transform:translate(-10px,-2px);z-index:-2}.pink-layer{background:var(--pink);transform:translate(12px,4px);z-index:-1}.portrait-photo{transition:filter .6s;filter:contrast(1.02)}.portrait-wrap.colored .portrait-layer{opacity:0}.portrait-wrap.colored .portrait-stage{mask-image:linear-gradient(#000 82%,transparent)}.portrait-wrap.colored .portrait-photo{border-radius:12px}.portrait-orbit{width:480px;height:480px;border:1px solid #343434;border-radius:50%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}.portrait-orbit:before,.portrait-orbit:after{content:"";position:absolute;border-radius:50%;inset:35px;border:1px solid #242424}.portrait-orbit:after{inset:-35px;border-style:dashed}.portrait-sticker{position:absolute;top:20px;right:-8px;transform:rotate(7deg);background:var(--yellow);color:#080808;padding:12px 18px;font-size:11px;font-weight:700;line-height:1.5;z-index:5;box-shadow:3px 3px 0 #080808;border-radius:2px}.portrait-sticker span{font-size:13px}.photo-switch{position:absolute;bottom:35px;right:0;z-index:6;padding:11px 14px;border:1px solid #777;border-radius:99px;font-size:11px;background:#080808b0}.photo-switch:hover{background:var(--white);color:#080808}.photo-caption{position:absolute;left:22px;bottom:0;font-size:10px;letter-spacing:.09em;line-height:2.2;color:#a8a8a8;z-index:6}.photo-caption strong{font-size:12px;font-weight:400;letter-spacing:0;color:#fff}.photo-caption .live-dot{margin-right:7px;width:4px;height:4px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:28px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:.08em;color:#999}.down-arrow{display:inline-block;font-size:22px;margin-left:15px;animation:nudge 3s infinite}.ticker{overflow:hidden;background:var(--cyan);color:#080808;padding:18px 0;transform:rotate(-1.3deg);width:calc(100% + 30px);margin-left:-15px;position:relative;z-index:6}.ticker-track{display:flex;width:max-content;animation:ticker 45s linear infinite}.ticker-track>span{white-space:nowrap;font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.025em}.ticker i{font-style:normal;margin:0 22px}.light-section{background:var(--white);color:var(--black)}.story-section{padding:95px 0 75px;margin-top:-20px;scroll-margin-top:90px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-number{font-size:13px;color:#888}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:45px}.section-heading>p{max-width:315px;font-size:15px;color:#888;line-height:1.7}.light-section .section-heading>p{color:#666}.chapter-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:50px 0 35px}.chapter-tab{border:1px solid #ccc;border-radius:5px;padding:17px 14px;text-align:left;background:transparent;transition:background .25s,color .25s,transform .25s}.chapter-tab:hover{transform:translateY(-4px);border-color:#777}.chapter-tab[aria-selected=true]{background:#080808;color:var(--white);border-color:#080808;box-shadow:0 4px 0 var(--pink)}.chapter-tab small{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:15px;opacity:.65}.chapter-tab strong{display:block;font-size:14px}.chapter-tab span{display:block;font-size:11px;opacity:.65;margin-top:5px}.story-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:85px;min-height:420px;padding:25px 0}.story-copy .eyebrow{color:var(--pink);margin-bottom:15px}.story-copy h3{font-size:clamp(35px,4vw,57px);margin-bottom:22px;max-width:560px}.story-copy p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:590px;margin-bottom:15px;color:#474747}.story-copy strong{color:#111}.scene-card{padding:30px;background:var(--cyan);color:#080808;display:flex;flex-direction:column;justify-content:space-between;min-height:350px;position:relative;overflow:hidden;transform:rotate(2deg);align-self:center;box-shadow:7px 7px 0 #080808}.scene-card[data-color=pink]{background:var(--pink);color:#fff}.scene-card[data-color=yellow]{background:var(--yellow)}.scene-card[data-color=dark]{background:#080808;color:#fff}.scene-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em}.scene-card-icon{font-size:110px;font-weight:800;line-height:1;letter-spacing:-.065em;margin:25px 0;display:block}.scene-card-quote{font-size:25px;font-weight:650;line-height:1.18;letter-spacing:-.025em;max-width:280px}.scene-card-foot{font-size:11px;line-height:1.6;opacity:.7;margin-top:15px}.scene-card:after{content:"";width:130px;height:130px;border-radius:50%;border:20px solid currentColor;opacity:.08;position:absolute;right:-25px;bottom:-35px}.story-controls{display:flex;align-items:center;gap:15px;margin-top:28px}.chapter-position{font-size:12px;min-width:52px;letter-spacing:.1em}.scene-progress{height:3px;background:#ddd;flex:1;margin-inline:10px 25px}.scene-progress span{height:100%;background:#080808;display:block;width:16.666%;transition:width .5s var(--ease)}.round-button{width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;padding:0;transition:transform .25s,background .25s;color:inherit;flex:none}.round-button:hover:not(:disabled){background:var(--pink);border-color:var(--pink);color:#fff;transform:rotate(-8deg)}.previous svg{transform:rotate(180deg)}.story-controls .next{background:#080808;color:#fff;border-color:#080808}.full-story{border-top:1px solid #d0d0d0;margin-top:35px}.full-story summary{cursor:pointer;font-size:13px;padding:20px 0;list-style:none;display:flex;align-items:center;justify-content:space-between}.full-story summary::-webkit-details-marker{display:none}.full-story summary span{font-size:22px;transition:transform .3s}.full-story[open] summary span{transform:rotate(45deg)}.story-transcript{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 0}.story-transcript h4{font-size:25px;margin-bottom:14px}.story-transcript p{font-size:14px;line-height:1.8;margin-bottom:12px;color:#555}.results-section{padding-block:95px}.results-section>.eyebrow{margin-bottom:25px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;gap:35px}.result{padding-top:22px;border-top:1px solid #484848}.result>.eyebrow{color:#999;font-size:10px}.result-time{display:flex;align-items:center;gap:18px;white-space:nowrap;margin:32px 0 22px}.result-time>span{font-size:40px;color:#aaa;font-weight:600;letter-spacing:-.07em}.result-time svg{width:32px;height:32px;color:#777}.result-time strong{font-size:67px;font-weight:650;letter-spacing:-.055em;color:var(--cyan)}.result-time span span,.result-time strong span{font-size:18px;letter-spacing:-.01em;margin-left:2px}.result>p{font-size:14px;color:#aaa;max-width:325px}.skill-lab{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:65px;padding-top:55px;gap:50px}.skill-lab .eyebrow{color:#888;margin-bottom:15px}.skill-tabs{display:flex;gap:10px;margin-bottom:24px}.skill-tabs button,.project-filters button{border-radius:99px;padding:10px 18px;border:1px solid #555;font-size:12px;transition:background .2s}.skill-tabs button[aria-selected=true],.project-filters button[aria-pressed=true]{background:var(--cyan);color:#080808;border-color:var(--cyan)}.skill-chips,.tags{display:flex;flex-wrap:wrap;gap:8px}.skill-chips span{padding:11px 14px;background:#1b1b1b;font-size:13px;border-radius:3px}.skill-content p{color:#999;font-size:13px;margin-top:20px;max-width:460px}.future-section{position:relative;background:var(--pink);color:#fff;padding-block:90px;overflow:hidden}.future-section .container{position:relative;z-index:2}.future-section h2{margin-top:25px;max-width:850px}.future-section h2 span{color:#080808}.future-section p{max-width:600px;margin-top:30px;font-size:16px;color:#ffecf0}.future-spark{position:absolute;font-size:600px;line-height:1;right:-50px;top:0;color:#000;opacity:.12;animation:spin 70s linear infinite}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:15px;font-weight:600;padding-bottom:8px;border-bottom:1px solid currentColor;transition:gap .3s}.text-link:hover{gap:32px}.future-section .text-link{margin-top:28px}.page-panel{animation:page-in .7s var(--ease)}.page-hero{padding-block:80px 70px}.page-hero .eyebrow{color:#aaa;margin-bottom:28px}.page-hero h1{font-size:clamp(64px,8.7vw,120px)}.page-hero .hero-description{max-width:600px;margin-top:30px}.page-hero .hero-description br{display:none}.page-hero-row{display:grid;grid-template-columns:1.1fr .75fr;gap:80px;align-items:center}.linkedin-orb{background:var(--cyan);border-radius:50%;aspect-ratio:1;width:320px;display:grid;place-items:center;position:relative;color:#080808;justify-self:center}.linkedin-orb span{font-size:190px;font-weight:700;letter-spacing:-.09em;line-height:1}.linkedin-orb:before{content:"";position:absolute;width:100%;height:100%;border:1px solid #666;border-radius:50%;transform:rotate(-25deg) scaleX(1.3) scaleY(.65)}.linkedin-orb:after{content:"↗";position:absolute;right:-10px;top:20px;color:#fff;font-size:100px;line-height:1;animation:nudge 4s infinite}.profile-section{padding-block:75px}.profile-layout{display:grid;grid-template-columns:.78fr 1.2fr;gap:80px}.profile-card{background:#fff;border:1px solid #ddd;border-radius:7px;overflow:hidden;align-self:start}.profile-cover{height:130px;background:var(--cyan);position:relative;overflow:hidden}.profile-cover span{position:absolute;font-size:100px;font-weight:700;bottom:-15px;left:20px;letter-spacing:-.07em;line-height:1;white-space:nowrap;opacity:.25}.profile-card-content{padding:0 28px 28px}.profile-avatar{width:92px;height:92px;object-fit:cover;object-position:50% 20%;border-radius:50%;border:5px solid #fff;margin-top:-45px;position:relative}.profile-card h3{font-size:27px;margin:15px 0 10px}.profile-card p{font-size:13px;color:#666}.profile-card .button{margin-top:22px;width:100%}.profile-location{display:block;margin-top:15px;font-size:12px;color:#888}.profile-about .eyebrow{color:#888;margin-bottom:15px}.profile-about h2{font-size:50px;margin-bottom:25px}.profile-about p{font-size:15px;line-height:1.8;color:#555;margin-bottom:16px}.profile-about .text-link{color:#111;margin-top:20px;font-size:13px}.linked-posts{padding-block:80px}.linked-posts .section-heading h2{font-size:60px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border-top:1px solid #444;padding-top:22px;display:flex;flex-direction:column}.post-card .eyebrow{color:var(--cyan);margin-bottom:24px}.post-card h3{font-size:28px;margin-bottom:15px}.post-card p{font-size:14px;color:#999;flex:1}.post-card a{align-self:start;margin-top:25px;font-size:12px}.github-motif{color:var(--pink);font-size:160px;letter-spacing:-.1em;font-weight:700;line-height:1;text-align:center;transform:rotate(-7deg);position:relative}.github-motif:after{content:"EM MOVIMENTO";font-size:11px;letter-spacing:.16em;position:absolute;background:var(--yellow);color:#080808;bottom:-20px;left:50%;padding:12px;transform:translateX(-50%) rotate(12deg);white-space:nowrap}.project-section{padding-bottom:80px}.project-filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{background:#151515;border:1px solid #292929;border-radius:8px;overflow:hidden;position:relative;transition:transform .4s var(--ease),border-color .4s}.project-card:hover{transform:translateY(-5px);border-color:#555}.project-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.project-visual{height:300px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ede8df;padding:25px}.project-card.featured .project-visual{height:100%;min-height:360px}.project-visual img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #0002);transition:transform .8s var(--ease);border-radius:5px}.project-card:hover .project-visual img{transform:scale(1.04) rotate(-1deg)}.project-visual .desktop-screen{max-width:110%;width:110%;max-height:none;transform:rotate(-3deg);border:7px solid #fff;border-radius:12px}.project-card:hover .project-visual .desktop-screen{transform:rotate(-1deg) scale(1.025)}.project-visual.closet{background:#edbbe8;gap:15px}.project-visual.closet img{height:265px;border-radius:15px;box-shadow:0 0 0 5px #fff;transform:rotate(-6deg)}.project-visual.closet img:nth-child(2){transform:translateY(15px) rotate(5deg)}.project-card:hover .project-visual.closet img{transform:rotate(-2deg) translateY(-5px)}.project-card:hover .project-visual.closet img:nth-child(2){transform:rotate(2deg) translateY(7px)}.project-visual.inventory{background:var(--cyan)}.inventory-art{font-size:95px;font-weight:750;letter-spacing:-.06em;color:#080808;position:relative}.inventory-art:before,.inventory-art:after{content:"+";font-size:75px;position:absolute;left:-80px;top:-40px;background:#fff;height:85px;width:85px;border-radius:12px;text-align:center;line-height:85px;transform:rotate(-13deg)}.inventory-art:after{content:"−";left:auto;right:-80px;top:50px;background:var(--pink);color:#fff;transform:rotate(10deg)}.project-card-content{padding:34px;display:flex;flex-direction:column}.project-card-content .eyebrow{color:#999;margin-bottom:16px}.project-card-content h2{font-size:36px;margin-bottom:18px}.project-card-content p{font-size:14px;color:#aaa;line-height:1.75;margin-bottom:22px}.tags{margin-bottom:30px}.tags span{font-size:10px;padding:7px 10px;border:1px solid #424242;border-radius:3px;color:#bbb;white-space:nowrap}.project-card-content .text-link{margin-top:auto;align-self:start;font-size:13px}.project-status{position:absolute;left:22px;top:20px;background:#080808;color:#fff;font-size:10px;padding:8px 10px;border-radius:3px;z-index:2}.project-note{max-width:850px;color:#888;font-size:13px;border-top:1px solid #333;padding-top:25px;margin-top:40px}.repository-link{margin-top:35px}.data-perspective{padding-block:80px}.data-perspective .section-heading h2{font-size:60px}.perspective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.perspective-grid h3{font-size:24px;margin-bottom:15px}.perspective-grid p{font-size:14px;color:#666}.perspective-number{font-size:13px;color:var(--pink);margin-bottom:20px;display:block}.cv-motif{position:relative;width:220px;height:285px;justify-self:center;background:#f8f8f5;color:#080808;padding:30px;transform:rotate(9deg);box-shadow:-12px -10px 0 var(--cyan),12px 10px 0 var(--pink)}.cv-motif b{font-size:100px;line-height:1;letter-spacing:-.07em}.cv-motif span{display:block;margin-top:15px;font-size:10px;letter-spacing:.2em;line-height:1.8}.cv-motif:after{content:"";position:absolute;bottom:30px;left:30px;right:30px;height:40px;background:repeating-linear-gradient(transparent 0 9px,#bbb 9px 10px)}.cv-downloads{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.cv-process{padding-block:80px}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 65px}.method-item{border-top:1px solid #ccc;padding:25px 0 35px;display:grid;grid-template-columns:45px 1fr;gap:15px}.method-item>span{color:var(--pink);font-size:13px;font-weight:650;margin-top:5px}.method-item h3{font-size:25px;margin-bottom:15px}.method-item p{color:#666;font-size:14px;line-height:1.8}.cv-proof{display:grid;grid-template-columns:.7fr 1fr;gap:80px;padding-block:80px}.cv-proof h2{font-size:60px}.proof-items{display:flex;flex-direction:column;gap:20px}.proof-row{border-bottom:1px solid #333;padding-bottom:20px}.proof-row strong{display:block;font-size:18px;margin-bottom:6px}.proof-row p{color:#999;font-size:14px}.proof-row strong:before{content:"✓";color:var(--cyan);margin-right:12px}.cv-note{margin-top:25px;color:#888;font-size:12px}.site-footer{padding-block:70px 28px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:35px}.footer-name{font-size:30px;font-weight:650;letter-spacing:-.04em}.footer-links{display:flex;gap:25px;font-size:12px}.footer-links a:hover{color:var(--cyan)}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;gap:25px;color:#737373;font-size:10px;padding-top:28px;border-top:1px solid #252525;margin-top:20px}.scroll-meter{position:fixed;bottom:0;left:0;width:100%;height:3px;background:var(--cyan);transform:scaleX(0);transform-origin:left;z-index:80}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.chapter-enter{animation:chapter-in .5s var(--ease)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);background:var(--white);color:#080808;padding:14px 22px;border-radius:6px;font-size:13px;opacity:0;pointer-events:none;z-index:150;box-shadow:0 10px 40px #0005;transition:opacity .2s,transform .3s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:var(--white);color:#080808;border:0;border-radius:10px;padding:55px 50px;max-width:min(850px,92vw);width:850px;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .3s var(--ease)}.dialog-close{position:absolute;right:20px;top:20px;width:36px;height:36px}.dialog-content>.eyebrow{color:var(--pink);margin-bottom:16px}.dialog-content h2{font-size:48px;margin:0 45px 20px 0}.dialog-content .dialog-intro{font-size:16px;color:#555;margin-bottom:28px}.dialog-sections{display:grid;grid-template-columns:1fr 1fr;gap:25px}.dialog-sections h3{font-size:22px;margin-bottom:12px}.dialog-sections p{font-size:14px;color:#555;line-height:1.8}.dialog-section-full{grid-column:1/-1}.dialog-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.dialog-links .button{font-size:12px}.dialog-links .secondary{border-color:#888}.demo-box{background:#eee;padding:24px;border-radius:5px;margin-top:30px}.demo-box .eyebrow{color:#666}.demo-box h3{font-size:24px;margin:10px 0 15px}.stock-demo{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.stock-demo strong{font-size:55px;line-height:1;width:70px;color:#080808}.stock-demo button{padding:10px 15px;border:1px solid #aaa;border-radius:4px;font-size:13px}.stock-demo button:hover{background:var(--cyan)}.demo-message{font-size:12px;margin-top:12px;color:#666;min-height:20px}.demo-box label{font-size:13px;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.demo-box input[type=range]{width:100%;accent-color:#080808;margin:20px 0}.commission-output{font-size:35px;font-weight:650;line-height:1.1}.demo-box>small{font-size:11px;color:#777;display:block;margin-top:15px}.closet-demo{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.closet-demo button{padding:11px 18px;border:1px solid #aaa;border-radius:99px;font-size:12px}.closet-demo button[aria-pressed=true]{background:var(--pink);color:#fff;border-color:var(--pink)}.closet-pair{font-size:24px;margin-top:20px;font-weight:600;line-height:1.3}.cv-dialog h2{font-size:35px}#cv-dialog{max-width:min(1000px,94vw);width:1000px;padding:30px}#cv-dialog h2{font-size:28px;margin-bottom:18px}#cv-dialog iframe{height:65dvh;width:100%;border:1px solid #ddd;background:#eee;margin-bottom:15px}.noscript-note{padding:25px;background:var(--pink)}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes chapter-in{from{opacity:.1;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
::view-transition-old(root){animation:page-out .2s ease both}::view-transition-new(root){animation:page-in .55s var(--ease) both}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}
.portrait-wrap{transform:none}.portrait-stage{transform:translate(var(--px),var(--py));transition:transform .7s var(--ease);pointer-events:none}.page-panel{overflow:clip}.project-card.featured .project-visual{height:440px;min-height:0}.project-visual .desktop-screen{position:absolute;left:6%;top:35px;width:90%;max-height:none}
@media(min-width:1600px){.hero{min-height:820px}.portrait-wrap{height:650px}}
@media(max-width:1100px){.site-header{gap:20px}.main-nav a{padding:12px 15px}.about-hero{grid-template-columns:56% 44%;min-height:680px}.hero h1{font-size:clamp(70px,8.3vw,110px)}.portrait-wrap{height:520px}.portrait-orbit{width:390px;height:390px}.portrait-sticker{right:-10px;font-size:9px}.portrait-sticker span{font-size:10px}.story-grid{gap:45px;grid-template-columns:1.1fr .85fr}.result-grid{gap:22px}.result-time{gap:12px}.result-time strong{font-size:56px}.result-time>span{font-size:32px}.result-time svg{width:24px}.page-hero-row{gap:45px}.profile-layout{gap:45px}.linkedin-orb{width:270px}.linkedin-orb span{font-size:160px}.project-card-content{padding:28px}.project-card.featured .project-visual{min-height:370px}.project-visual.closet{gap:10px}.project-visual.closet img{height:225px}.post-grid{gap:28px}.post-card h3{font-size:25px}.skill-lab{gap:35px}}
@media(max-width:800px){:root{--gutter:26px}.site-header{height:116px;flex-wrap:wrap;gap:0;padding-block:15px}.wordmark{font-size:12px;gap:9px}.monogram{font-size:36px}.main-nav{order:3;flex-basis:100%;justify-content:space-between;padding:3px;margin-top:10px}.main-nav a{padding:10px 13px;font-size:11px}.motion-control{width:30px;height:30px;font-size:12px}.about-hero{grid-template-columns:1fr 1fr;padding-top:35px;min-height:590px}.hero h1{font-size:70px}.hero-description{font-size:14px;max-width:350px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:23px}.eyebrow-year{display:none}.hello{font-size:17px}.portrait-wrap{height:430px;align-self:center}.portrait-sticker{padding:9px;top:15px;right:-5px;transform:rotate(7deg)}.portrait-stage{width:140%;left:-20%}.portrait-orbit{width:290px;height:290px}.photo-caption{display:none}.photo-switch{bottom:20px;right:-5px;font-size:10px}.hero .button{font-size:12px;padding:15px 18px;gap:15px}.hero-bottom{font-size:9px;margin-top:20px}.hero-bottom>span:first-child{max-width:200px}.story-section{padding-top:75px}.chapter-nav{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.chapter-tab{padding:13px}.chapter-tab small{margin-bottom:9px}.story-grid{gap:35px;min-height:490px}.story-copy h3{font-size:38px}.story-copy p:not(.eyebrow){font-size:14px}.scene-card{padding:24px;min-height:350px;box-shadow:5px 5px 0 #080808}.scene-card-icon{font-size:90px}.scene-card-quote{font-size:22px}.section-heading{gap:30px;align-items:center}.section-heading h2{font-size:60px}.section-heading>p{font-size:13px;max-width:220px}.results-section{padding-block:70px}.result-grid{gap:20px}.result-time{gap:10px;flex-wrap:wrap;margin:25px 0 15px}.result-time strong{font-size:50px}.result-time>span{font-size:29px}.result-time svg{width:20px}.result>p{font-size:12px}.result>.eyebrow{font-size:9px}.skill-lab{grid-template-columns:1fr;gap:35px}.skill-lab h3{font-size:35px}.future-section{padding-block:70px}.future-section h2{font-size:58px}.future-section p{font-size:14px}.future-spark{right:-140px}.page-hero{padding-block:55px}.page-hero h1{font-size:70px}.page-hero-row{gap:35px;grid-template-columns:1.2fr .8fr}.linkedin-orb{width:200px}.linkedin-orb span{font-size:120px}.linkedin-orb:after{font-size:65px}.github-motif{font-size:110px}.cv-motif{width:150px;height:205px;padding:22px}.cv-motif b{font-size:70px}.cv-motif span{font-size:8px}.cv-motif:after{left:22px;right:22px;bottom:20px;height:30px}.profile-layout{gap:35px;grid-template-columns:1fr 1.15fr}.profile-card-content{padding:0 20px 22px}.profile-card h3{font-size:22px}.profile-about h2{font-size:37px}.profile-about p{font-size:14px}.profile-section{padding-block:55px}.profile-card .button{padding:15px;font-size:12px}.post-grid{grid-template-columns:1fr;gap:35px}.post-card p{max-width:600px}.linked-posts .section-heading h2,.data-perspective .section-heading h2{font-size:50px}.project-card.featured{display:block}.project-card.featured .project-visual{min-height:0;height:300px}.project-visual{height:240px}.project-visual.closet img{height:190px}.inventory-art{font-size:65px}.inventory-art:before,.inventory-art:after{width:60px;height:60px;font-size:55px;line-height:60px;left:-60px}.inventory-art:after{left:auto;right:-60px}.project-card-content h2{font-size:29px}.project-card-content{padding:25px}.perspective-grid{gap:25px}.perspective-grid h3{font-size:21px}.perspective-grid p{font-size:12px}.method-grid{gap:0 35px}.method-item h3{font-size:22px}.method-item p{font-size:13px}.cv-proof{gap:35px;grid-template-columns:.8fr 1fr}.cv-proof h2{font-size:43px}.site-footer{padding-top:50px}.footer-name{font-size:25px}.footer-links{gap:17px;font-size:11px}.footer-bottom{font-size:9px}.text-link{font-size:13px}}
@media(max-width:580px){:root{--gutter:22px}.main-nav a{padding:10px 10px;font-size:10px}.wordmark{font-size:11px}.about-hero{display:block;min-height:0;padding-top:34px;padding-bottom:30px}.hero h1{font-size:clamp(56px,15.4vw,87px)}.hero-copy>.eyebrow{font-size:9px;margin-bottom:22px}.hello{font-size:16px;margin-bottom:14px}.hero-description{font-size:14px;margin-top:23px;max-width:310px}.hero-copy{max-width:100%}.hero-copy .button{margin-top:24px}.portrait-wrap{height:395px;width:100%;max-width:350px;margin:25px auto 0}.portrait-stage{left:0;width:100%}.portrait-sticker{top:27px;right:-1px}.portrait-orbit{width:275px;height:275px}.photo-switch{bottom:20px;right:0}.hero-bottom{margin-top:15px;font-size:8px;gap:20px;line-height:1.6}.hero-bottom>span:first-child{max-width:145px}.hero-bottom>span:last-child{white-space:nowrap}.ticker{padding-block:14px}.ticker-track>span{font-size:24px}.ticker i{margin-inline:18px}.story-section{padding-block:64px 45px}.section-top{margin-bottom:20px}.section-top .eyebrow{font-size:9px}.section-number{font-size:11px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:53px}.section-heading>p{max-width:100%;font-size:14px;margin-top:24px}.chapter-tab{padding:12px 10px}.chapter-tab strong{font-size:12px}.chapter-tab span{font-size:9px}.chapter-tab small{font-size:9px;margin-bottom:8px}.story-grid{display:flex;flex-direction:column;gap:30px;padding-top:10px;min-height:0}.story-copy h3{font-size:38px;margin-bottom:20px}.story-copy p:not(.eyebrow){font-size:14px;line-height:1.8}.scene-card{min-height:280px;width:calc(100% - 12px);transform:rotate(1.5deg);padding:24px}.scene-card-icon{position:absolute;right:24px;top:55px;font-size:85px;opacity:.18}.scene-card-quote{font-size:30px;margin-top:35px;max-width:280px}.scene-card-foot{max-width:250px}.scene-progress{margin-inline:5px}.story-controls{gap:11px;margin-top:30px}.story-transcript{grid-template-columns:1fr}.results-section{padding-block:65px}.result-grid{grid-template-columns:1fr;gap:32px;margin-top:40px}.result-time{margin:20px 0 16px;gap:25px;flex-wrap:nowrap}.result-time>span{font-size:40px}.result-time strong{font-size:65px}.result-time svg{width:32px;height:32px}.result>p{font-size:14px;max-width:100%}.result>.eyebrow{font-size:10px}.skill-lab{margin-top:50px;padding-top:40px}.skill-lab h3{font-size:32px}.skill-tabs{gap:7px}.skill-tabs button{padding:10px 16px;font-size:12px}.skill-chips span{font-size:12px;padding:9px 12px}.future-section{padding-block:60px}.future-section h2{font-size:clamp(40px,10.5vw,60px)}.future-section p{font-size:14px}.future-section .text-link{line-height:1.6;align-items:center;font-size:12px}.future-spark{font-size:390px;right:-155px;top:80px}.page-hero{padding-block:40px 50px}.page-hero h1{font-size:clamp(57px,13vw,76px)}.page-hero-row{display:block}.page-hero .hero-description{font-size:14px}.linkedin-orb{width:160px;margin:50px auto 0}.linkedin-orb span{font-size:100px}.linkedin-orb:after{font-size:65px}.github-motif{font-size:110px;margin:45px 0 15px}.cv-motif{width:150px;height:205px;margin:45px auto 15px}.profile-layout{display:flex;flex-direction:column;gap:45px}.profile-card{width:100%;max-width:410px}.profile-card-content{padding:0 24px 25px}.profile-card h3{font-size:26px}.profile-card .button{font-size:14px}.profile-about h2{font-size:38px}.profile-about p{font-size:14px}.linked-posts{padding-block:60px}.linked-posts .section-heading h2,.data-perspective .section-heading h2{font-size:47px}.post-grid{gap:40px}.project-filters{gap:7px}.project-filters button{font-size:11px;padding:10px 13px}.project-grid{grid-template-columns:1fr;gap:25px}.project-card.featured{grid-column:auto}.project-card.featured .project-visual{height:235px}.project-visual{height:260px}.project-card-content{padding:26px}.project-card-content h2{font-size:34px}.project-visual.closet img{height:225px}.project-card-content p{font-size:14px}.project-visual.inventory .inventory-art{font-size:80px}.inventory-art:before,.inventory-art:after{font-size:65px;line-height:70px;width:70px;height:70px}.project-note{font-size:12px}.data-perspective{padding-block:60px}.perspective-grid{grid-template-columns:1fr;gap:35px}.perspective-grid h3{font-size:25px}.perspective-grid p{font-size:14px}.perspective-number{margin-bottom:12px}.cv-downloads{gap:10px}.cv-downloads .button{font-size:12px;padding:15px 18px;gap:20px}.cv-process{padding-block:55px}.method-grid{grid-template-columns:1fr}.method-item{grid-template-columns:30px 1fr;gap:12px}.method-item h3{font-size:25px}.method-item p{font-size:14px}.cv-proof{display:block;padding-block:60px}.cv-proof h2{font-size:47px;margin-bottom:35px}.proof-row p{font-size:14px}.site-footer{gap:25px}.footer-name{font-size:28px}.footer-links{flex-basis:100%;justify-content:space-between;font-size:11px;gap:10px}.footer-bottom{display:block;line-height:1.8;font-size:9px;margin-top:0}.footer-bottom span{display:block;margin-bottom:10px}dialog{padding:55px 24px 30px;max-width:calc(100vw - 24px);border-radius:7px}.dialog-content h2{font-size:36px}.dialog-content .dialog-intro{font-size:14px}.dialog-sections{grid-template-columns:1fr;gap:25px}.dialog-sections h3{font-size:22px}.dialog-section-full{grid-column:auto}.dialog-links .button{width:100%}.demo-box{padding:20px}.demo-box h3{font-size:22px}.stock-demo{gap:10px}.stock-demo button{font-size:11px;padding:10px}.stock-demo strong{font-size:44px;width:48px}.closet-pair{font-size:21px}.desktop-break{display:none}}
@media(max-width:380px){.main-nav{gap:2px}.main-nav a{padding-inline:5px;font-size:9.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.portrait-wrap{transform:none!important}}
html.reduced-motion{scroll-behavior:auto}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}.reduced-motion .reveal{opacity:1;transform:none}.reduced-motion .portrait-wrap{transform:none!important}