@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('handwriting-cleanup.css');
@import url('gold.css');
:root{--navy:#071a35;--navy-2:#0d2b52;--blue:#4c80d9;--gold:#e6ad22;--cream:#f5f1e8;--white:#fff;--coral:#eb715f;--mint:#65c6b4;--ink:#0c1b2d;--border:rgba(7,26,53,.16);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(230,173,34,.16),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;gap:28px;padding:18px 3.5vw;transition:.3s}.site-header.scrolled{background:rgba(245,241,232,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding-top:12px;padding-bottom:12px}.home-page .site-header:not(.scrolled){color:#fff}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand span{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font:500 12px var(--mono)}.brand b{font-size:13px;letter-spacing:.02em}.command-nav{margin-left:auto;display:flex;align-items:center;gap:4px;padding:7px;border:1px solid currentColor;border-radius:999px;font-size:12px}.command-nav a{padding:8px 11px;border-radius:999px;transition:.25s}.command-nav a:hover,.command-nav a.active{color:var(--navy);background:var(--gold)}.nav-prompt{font:10px var(--mono);opacity:.6;padding-left:10px}.menu-toggle{display:none;background:none;border:0;color:inherit}
.hero{position:relative;min-height:100svh;background:var(--blue);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:130px 7vw 70px;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(transparent,rgba(7,26,53,.2));z-index:-1}.hero-copy{max-width:760px;z-index:2}.eyebrow{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;box-shadow:0 0 0 5px rgba(230,173,34,.16);animation:pulse 2s infinite}.hero h1,.page-hero h1{font-size:clamp(56px,7vw,122px);line-height:.84;letter-spacing:-.075em;margin:34px 0;font-weight:800}.hero h1 em,.page-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.hero-intro{max-width:630px;font-size:clamp(17px,1.5vw,23px);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 20px;border:1px solid currentColor;border-radius:999px;font-weight:700;font-size:13px}.button.primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}.text-link{font-size:13px;border-bottom:1px solid;padding:8px 0}.hero-portrait{position:relative;justify-self:end;width:min(38vw,620px);z-index:1}.portrait-frame{position:relative;aspect-ratio:.78;overflow:hidden;border-radius:48% 48% 10px 10px;background:var(--navy)}.portrait-frame img{width:210%;height:100%;object-fit:cover;object-position:72% center;filter:saturate(.88) contrast(1.04)}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(7,26,53,.45))}.scan-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.65);box-shadow:0 0 18px #fff;z-index:2;animation:scan 5s linear infinite}.image-label{position:absolute;right:-15px;bottom:30px;background:var(--coral);padding:10px 16px;border-radius:999px;font:11px var(--mono);transform:rotate(-8deg)}.orbit{position:absolute;width:55vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-19vw;top:-18vw;animation:spin 24s linear infinite}.orbit i{position:absolute;width:12px;height:12px;background:var(--gold);border-radius:50%}.orbit i:nth-child(1){top:50%;left:-6px}.orbit i:nth-child(2){top:8%;left:25%}.orbit i:nth-child(3){bottom:14%;right:20%;background:var(--coral)}.scroll-cue{position:absolute;bottom:25px;left:3.5vw;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.scroll-cue span{margin-left:10px}
.identities{padding:120px 3.5vw}.section-kicker{display:flex;gap:20px;align-items:center;margin-bottom:45px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.section-kicker span{color:var(--coral)}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.identity-card{min-height:520px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-radius .4s}.identity-card:hover{transform:translateY(-12px);border-radius:0 0 80px 0}.identity-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid currentColor;border-radius:50%;opacity:.16;right:-130px;top:20%;transition:.5s}.identity-card:hover:after{transform:scale(1.5)}.physics{background:var(--navy);color:#fff}.technology{background:var(--gold);color:var(--navy)}.justice{background:var(--coral);color:var(--navy)}.card-index{font:11px var(--mono)}.identity-card h2{font-size:clamp(34px,3vw,56px);line-height:1;margin:10px 0 24px;letter-spacing:-.05em}.identity-card p{font:11px var(--mono);text-transform:uppercase}.identity-card span{font-size:13px;font-weight:700}.card-icon{font-size:62px;align-self:center}.code-icon{font-family:var(--mono)}.atom-icon{position:relative;width:110px;height:110px}.atom-icon i{position:absolute;inset:25px 0;border:1px solid;border-radius:50%;transform:rotate(30deg)}.atom-icon i:nth-child(2){transform:rotate(-30deg)}.atom-icon b{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);left:48px;top:48px}
.manifesto{background:var(--navy);color:#fff;padding:80px 0 120px;overflow:hidden}.manifesto-line{white-space:nowrap;font-size:clamp(80px,13vw,210px);font-weight:800;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);animation:marquee 30s linear infinite}.manifesto-inner{max-width:1050px;margin:70px auto 0;padding:0 5vw}.manifesto blockquote{font:400 clamp(40px,6vw,86px)/1.05 Georgia,serif;margin:25px 0;color:var(--gold)}.manifesto-inner>p:last-child{max-width:650px;font-size:18px;line-height:1.7;margin-left:auto}.home-cta{min-height:82vh;padding:100px 7vw;position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--mint);color:var(--navy)}.home-cta>p{font:11px var(--mono);text-transform:uppercase}.home-cta h2{font-size:clamp(60px,10vw,150px);line-height:.87;letter-spacing:-.075em;margin:25px 0}.circle-link{position:absolute;right:8vw;bottom:12%;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:700}.circle-link span{color:var(--gold)}
footer{background:var(--navy);color:#fff;padding:28px 3.5vw;display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);text-transform:uppercase}footer p{opacity:.55}
.page-shell{padding-top:74px}.page-hero{min-height:70vh;padding:100px 7vw 70px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--navy);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:attr(data-word);position:absolute;right:-2vw;top:10%;font-size:22vw;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);pointer-events:none}.page-hero h1{max-width:1100px;margin:20px 0;position:relative;z-index:1}.page-lede{max-width:700px;font-size:20px;line-height:1.6;position:relative;z-index:1}.content-wrap{max-width:1240px;margin:auto;padding:110px 4vw}.split-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:start}.split-intro .portrait-stack{position:sticky;top:110px}.portrait-stack img{aspect-ratio:.8;object-fit:cover;border-radius:2px}.portrait-stack:after{content:"THREE LENSES / ONE PRACTICE";position:absolute;right:-42px;bottom:42px;background:var(--gold);padding:12px;font:10px var(--mono);transform:rotate(90deg)}.prose h2{font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.055em;margin-top:0}.prose p{font-size:17px;line-height:1.8}.big-number{font:600 13px var(--mono);color:var(--coral)}.pillar{padding:45px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:80px 1fr}.pillar h3{font-size:28px;margin:0 0 10px}.lawtie{margin-top:100px;background:var(--coral);padding:7vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.lawtie h2{font-size:clamp(48px,7vw,94px);letter-spacing:-.07em;line-height:.9;margin:15px 0}.lawtie p{font-size:18px;line-height:1.6}.tag{display:inline-flex;padding:8px 12px;border:1px solid;border-radius:99px;font:10px var(--mono);text-transform:uppercase}.lawtie img{aspect-ratio:1;object-fit:cover;transform:rotate(3deg);box-shadow:22px 22px 0 var(--navy)}
.timeline{position:relative;margin-top:50px}.timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:1px;background:var(--border)}.timeline-item{padding:0 0 65px 70px;position:relative}.timeline-item:before{content:"";position:absolute;left:10px;top:5px;width:13px;height:13px;background:var(--gold);border:5px solid var(--cream);border-radius:50%;box-shadow:0 0 0 1px var(--border)}.timeline-item time{font:10px var(--mono);color:var(--coral);text-transform:uppercase}.timeline-item h3{font-size:28px;margin:9px 0}.timeline-item p{max-width:720px;line-height:1.7}.photo-ribbon{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:12px;margin:80px 0}.photo-ribbon img{width:100%;height:420px;object-fit:cover}.photo-ribbon img:nth-child(2){margin-top:60px}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}.filter-row button{border:1px solid var(--navy);background:none;border-radius:99px;padding:10px 15px;font:10px var(--mono);cursor:pointer}.filter-row button.active,.filter-row button:hover{background:var(--navy);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{min-height:380px;padding:36px;background:#fff;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(7,26,53,.12)}.project-card.featured{grid-column:span 2;background:var(--gold);min-height:440px}.project-card small{font:10px var(--mono);text-transform:uppercase}.project-card h2{font-size:clamp(34px,5vw,72px);line-height:.95;letter-spacing:-.05em;margin:18px 0}.project-card p{max-width:650px;line-height:1.7}.project-card .arrow{align-self:flex-end;font-size:36px}.status{font:10px var(--mono);padding:7px 10px;border:1px solid;border-radius:99px;align-self:flex-start}
.cv-grid{display:grid;grid-template-columns:280px 1fr;gap:8vw}.cv-aside{position:sticky;top:110px;align-self:start}.cv-aside h2{font-size:28px}.cv-aside nav{display:flex;flex-direction:column;border-top:1px solid var(--border)}.cv-aside nav a{padding:13px 0;border-bottom:1px solid var(--border);font:11px var(--mono)}.cv-section{padding:0 0 70px}.cv-section>h2{font:10px var(--mono);color:var(--coral);text-transform:uppercase;letter-spacing:.12em}.cv-entry{display:grid;grid-template-columns:150px 1fr;padding:25px 0;border-top:1px solid var(--border)}.cv-entry time{font:11px var(--mono)}.cv-entry h3{font-size:22px;margin:0 0 8px}.cv-note{background:var(--gold);padding:22px;font-size:13px;line-height:1.6}.download-disabled{opacity:.55;cursor:not-allowed}
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.contact-layout h2{font-size:clamp(44px,6vw,80px);letter-spacing:-.06em;line-height:1}.contact-list{margin-top:50px}.contact-list div{padding:20px 0;border-top:1px solid var(--border)}.contact-list small{display:block;font:10px var(--mono);text-transform:uppercase;color:var(--coral);margin-bottom:8px}.contact-form label{display:block;font:10px var(--mono);text-transform:uppercase;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--navy);background:transparent;padding:12px 0;margin-bottom:32px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--coral)}.contact-form textarea{min-height:130px;resize:vertical}.form-message{font-size:12px;min-height:20px;margin-top:15px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(230,173,34,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{from{top:0}to{top:100%}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.command-nav{position:fixed;inset:0;background:var(--navy);color:#fff;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:12vw;transform:translateY(-105%);transition:.45s}.command-nav.open{transform:none}.command-nav a{font-size:clamp(25px,6vw,55px);font-weight:700}.nav-prompt{display:none}.menu-toggle{display:flex;margin-left:auto;position:relative;z-index:2}.hero{grid-template-columns:1fr;padding-top:140px}.hero-portrait{position:absolute;right:-12vw;bottom:0;opacity:.4;width:70vw}.hero-copy{z-index:2}.identity-grid{grid-template-columns:1fr}.identity-card{min-height:400px}.split-intro,.lawtie,.contact-layout{grid-template-columns:1fr}.split-intro .portrait-stack,.cv-aside{position:relative;top:auto}.project-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.cv-grid{grid-template-columns:1fr}.cv-aside nav{display:none}}
@media(max-width:640px){.site-header{padding:14px 18px}.brand b{display:none}.hero{padding:120px 22px 70px}.hero h1{font-size:54px}.hero-intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-portrait{width:95vw;right:-35vw}.identities{padding:80px 16px}.identity-card{min-height:360px}.manifesto-inner{padding:0 22px}.home-cta{padding:80px 22px 210px}.circle-link{bottom:45px}.page-hero{padding:90px 22px 55px;min-height:62vh}.page-hero h1{font-size:55px}.content-wrap{padding:75px 22px}.pillar{grid-template-columns:45px 1fr}.lawtie{margin-top:60px;padding:45px 22px}.photo-ribbon{grid-template-columns:1fr}.photo-ribbon img{height:300px}.photo-ribbon img:nth-child(2){margin-top:0}.cv-entry{grid-template-columns:1fr;gap:8px}footer{flex-direction:column;align-items:flex-start;gap:10px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.role-line{margin:24px 0 0;font-size:clamp(18px,2vw,28px);font-weight:600}.rotating-role{display:inline-block;min-width:13.5em;color:var(--gold);transition:opacity .18s ease,transform .18s ease}.rotating-role.is-changing{opacity:0;transform:translateY(8px)}.hero .role-line+h1{margin-top:24px}
.page-hero{background:linear-gradient(125deg,#7d6bc4 0%,#9b88df 58%,#f0c64f 58%,#f5d875 100%)}.page-hero:before{content:"";position:absolute;width:34vw;height:34vw;border:1px solid rgba(255,255,255,.28);border-radius:50%;right:16%;bottom:-25%;box-shadow:0 0 0 5vw rgba(255,255,255,.035),0 0 0 10vw rgba(255,255,255,.025)}.page-hero h1 em{color:#ffe276}.command-nav{border:0;border-radius:0;padding:0;gap:22px}.command-nav a{padding:8px 0;border-radius:0;border-bottom:1px solid transparent}.command-nav a:hover,.command-nav a.active{color:inherit;background:transparent;border-bottom-color:var(--gold)}.nav-prompt{padding-left:0}.unified-profile{padding:130px 7vw;background:var(--cream)}.unified-statement{max-width:1080px;margin-left:auto}.unified-statement h2{font-size:clamp(52px,7vw,108px);line-height:.94;letter-spacing:-.07em;margin:24px 0;color:var(--navy)}.unified-statement>p:last-of-type{max-width:720px;margin-left:auto;font-size:19px;line-height:1.75}.unified-links{display:flex;justify-content:flex-end;gap:12px;margin-top:42px}.unified-links a{padding:16px 20px;border:1px solid var(--navy);border-radius:999px;font-size:13px;font-weight:700;transition:.25s}.unified-links a:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}
@media(max-width:1000px){.command-nav{gap:4px}.command-nav a{padding:8px 11px;border-bottom:0}.command-nav a:hover,.command-nav a.active{color:var(--navy);background:var(--gold)}}
@media(max-width:640px){.page-hero{background:linear-gradient(145deg,#7d6bc4 0%,#9b88df 72%,#f0c64f 72%,#f5d875 100%)}.unified-profile{padding:85px 22px}.unified-statement h2{font-size:48px}.unified-statement>p:last-of-type{font-size:16px}.unified-links{flex-direction:column;align-items:flex-start}}

/* Softer, personal notebook direction */
:root{--lilac:#a995e8;--lilac-light:#ddd3ff;--butter:#f8db72;--blush:#f6b4ad;--sky:#a9d8f2;--sage:#add8c7}
body{background:#fffaf1}.site-header.scrolled{background:rgba(255,250,241,.9)}.brand span{background:var(--butter);color:var(--navy);border:0;box-shadow:3px 3px 0 var(--navy)}.command-nav{background:rgba(255,255,255,.55);padding:4px 12px;border-radius:999px;box-shadow:0 4px 18px rgba(7,26,53,.06)}.command-nav a{padding:8px 3px}.home-page .command-nav{background:rgba(255,255,255,.12)}
.hero{background:linear-gradient(140deg,#9280d8 0 58%,#f6d76a 58%);padding-bottom:90px}.hero:before{content:"hello!";position:absolute;left:47%;top:16%;font:600 38px "Caveat",cursive;color:var(--navy);transform:rotate(-9deg);z-index:3}.hero h1{font-size:clamp(54px,6.5vw,108px);line-height:.9}.hero h1 em{color:#ffe781}.portrait-frame{border-radius:45% 45% 24px 24px;box-shadow:18px 18px 0 rgba(255,255,255,.32)}.image-label{font-family:"Caveat",cursive;font-size:19px;text-transform:none}.orbit{opacity:.55}
.unified-profile{background:#fffaf1;padding-top:105px}.unified-statement{background:#fff;padding:clamp(30px,6vw,78px);border-radius:36px;box-shadow:0 22px 70px rgba(55,43,88,.09);position:relative}.unified-statement:before{content:"the same curiosity, everywhere ✦";position:absolute;right:35px;top:22px;font:600 22px "Caveat",cursive;color:#7d6bc4;transform:rotate(3deg)}.unified-statement h2{font-size:clamp(46px,6vw,88px)}.unified-links a{border-radius:16px}.personal-notes{padding:90px 7vw 140px;background:#efe9ff}.notes-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;max-width:1120px;margin:auto}.note-photo{margin:0;background:#fff;padding:14px 14px 24px;box-shadow:0 18px 50px rgba(55,43,88,.12);transform:rotate(-2deg);border-radius:8px}.note-photo.small{transform:rotate(2deg)}.note-photo img{width:100%;height:380px;object-fit:cover;border-radius:4px}.note-photo figcaption{font:600 24px "Caveat",cursive;padding:14px 8px 0;color:var(--navy)}.sticky-note{min-height:245px;padding:38px;display:flex;flex-direction:column;justify-content:center;border-radius:4px;box-shadow:8px 12px 28px rgba(55,43,88,.12);position:relative;transform:rotate(2deg)}.sticky-note.yellow{background:var(--butter)}.sticky-note.lilac{background:var(--lilac);transform:rotate(-1deg)}.sticky-note span{font:10px var(--mono);text-transform:uppercase}.sticky-note strong{font:600 clamp(27px,3vw,42px)/1.1 "Caveat",cursive;margin-top:18px}.sticky-note i{position:absolute;right:24px;bottom:20px;font-size:28px}
.page-shell{padding-top:68px}.page-hero{min-height:60vh;border-radius:0 0 56px 56px;padding-top:80px;color:var(--navy)}.page-hero h1{font-size:clamp(58px,8vw,112px);line-height:.88;max-width:900px}.page-hero h1 em{color:var(--navy)}.page-hero .eyebrow{background:rgba(255,255,255,.55);display:inline-flex;align-self:flex-start;padding:9px 13px;border-radius:999px}.page-hero:after{font-family:"Caveat",cursive;-webkit-text-stroke:0;color:rgba(255,255,255,.28);font-size:18vw;transform:rotate(-5deg);top:16%}.page-hero:before{box-shadow:none;border:2px dashed rgba(7,26,53,.14)}
.about-page .page-hero{background:linear-gradient(120deg,var(--lilac-light),var(--lilac))}.about-page .page-hero:after{content:"this is me ♡"}.about-page .split-intro{background:#fff;border-radius:34px;padding:34px;box-shadow:0 18px 60px rgba(55,43,88,.08)}.about-page .portrait-stack img{border-radius:24px}.about-page .portrait-stack:after{content:"ATL ↔ ROMA";right:-26px;background:var(--butter);border-radius:8px}.about-page .prose h2{color:#6e5db3}.about-page .lawtie{border-radius:48px 48px 0 0;background:var(--blush)}
.places-page .page-hero{background:linear-gradient(125deg,var(--sage) 0 70%,var(--butter) 70%)}.places-page .page-hero:after{content:"see you there!"}.places-page .timeline:before{display:none}.places-page .timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.places-page .timeline-item{padding:30px;background:#fff;border-radius:24px;box-shadow:0 12px 35px rgba(55,43,88,.08)}.places-page .timeline-item:nth-child(2n){transform:translateY(25px)}.places-page .timeline-item:before{left:auto;right:22px;top:20px;border:0;box-shadow:none;background:var(--blush)}.places-page .photo-ribbon img{border-radius:24px}.places-page .photo-ribbon img:nth-child(1){transform:rotate(-2deg)}.places-page .photo-ribbon img:nth-child(3){transform:rotate(2deg)}
.projects-page .page-hero{background:linear-gradient(135deg,var(--sky) 0 66%,var(--butter) 66%)}.projects-page .page-hero:after{content:"why? how? what if?"}.projects-page .filter-row{justify-content:center}.projects-page .filter-row button{border:0;background:#efe9ff;padding:12px 18px}.projects-page .filter-row button.active{background:var(--lilac);color:var(--navy)}.projects-page .project-card{border:0;border-radius:28px;box-shadow:0 12px 36px rgba(55,43,88,.08)}.projects-page .project-card:nth-child(3n){background:#edf8f5}.projects-page .project-card:nth-child(3n+2){background:#eef6fc}.projects-page .project-card.featured{background:var(--butter);border-radius:42px}.projects-page .status{border-radius:10px;background:rgba(255,255,255,.5)}
.awards-page .page-hero{background:linear-gradient(125deg,var(--blush) 0 67%,var(--butter) 67%)}.awards-page .page-hero:after{content:"tiny happy dance!"}.awards-page .cv-aside{background:var(--butter);padding:28px;border-radius:24px;transform:rotate(-1deg)}.awards-page .cv-entry{background:#fff;margin:12px 0;padding:24px;border:0;border-radius:20px;box-shadow:0 8px 28px rgba(55,43,88,.06)}.awards-page .cv-entry:nth-child(even){background:#f6efff}
.cv-page .page-hero{background:linear-gradient(130deg,#d9edfa 0 68%,var(--lilac-light) 68%)}.cv-page .page-hero:after{content:"the long version →"}.cv-page .cv-aside{background:var(--navy);color:#fff;padding:28px;border-radius:26px}.cv-page .cv-aside .button{margin:14px 0}.cv-page .cv-entry{border-top:0;border-bottom:1px dashed rgba(7,26,53,.22)}.cv-page .cv-section>h2{display:inline-block;background:var(--butter);color:var(--navy);padding:8px 12px;border-radius:8px;transform:rotate(-1deg)}
.contact-page .page-hero{background:linear-gradient(130deg,var(--butter) 0 66%,var(--blush) 66%)}.contact-page .page-hero:after{content:"say hi ♡"}.contact-page .contact-layout{background:#efe9ff;border-radius:42px;padding:clamp(28px,6vw,72px);position:relative}.contact-page .contact-layout:after{content:"I’d love to hear from you!";position:absolute;right:40px;top:24px;font:600 24px "Caveat",cursive;color:#6e5db3;transform:rotate(2deg)}.contact-page .contact-form{background:#fff;padding:34px;border-radius:24px;box-shadow:10px 12px 0 var(--blush)}.contact-page .contact-form input,.contact-page .contact-form textarea{border-color:#cabdeb}
footer{background:#6453a6;border-radius:0;margin-top:-1px;padding:34px 3.5vw}
@media(max-width:1000px){.command-nav{background:var(--navy);border-radius:0;padding:12vw}.command-nav a{padding:10px 0}.notes-grid,.places-page .timeline{grid-template-columns:1fr}.places-page .timeline-item:nth-child(2n){transform:none}.page-hero{min-height:56vh}.contact-page .contact-layout:after{display:none}}
@media(max-width:640px){.hero{background:linear-gradient(155deg,#9280d8 0 78%,#f6d76a 78%)}.hero:before{left:auto;right:18px;top:100px;font-size:27px}.unified-statement{padding:30px 24px}.unified-statement:before{position:static;display:block;margin-bottom:16px}.notes-grid{gap:18px}.note-photo img{height:280px}.sticky-note{min-height:210px}.page-hero{border-radius:0 0 34px 34px;padding-bottom:50px}.page-hero:after{font-size:25vw;top:24%}.about-page .split-intro{padding:18px}.contact-page .contact-layout{padding:24px}.contact-page .contact-form{padding:25px;box-shadow:6px 8px 0 var(--blush)}}

/* Professional editorial refinement with handwritten marginalia */
.personal-notes{position:relative;background:#f3eefc;overflow:hidden}.personal-notes:before{content:"↘  ideas become conversations";position:absolute;left:18px;top:48%;font:600 22px "Caveat",cursive;color:#725fb4;transform:rotate(-90deg);transform-origin:left top}.personal-notes:after{content:"✦  keep asking better questions";position:absolute;right:20px;bottom:12%;font:600 21px "Caveat",cursive;color:#725fb4;transform:rotate(90deg);transform-origin:right bottom}.notes-grid{grid-template-columns:1.25fr .75fr;gap:18px}.note-photo,.note-photo.small{position:relative;margin:0;padding:0;background:transparent;box-shadow:none;transform:none;border-radius:20px;overflow:hidden}.note-photo img{height:420px;border-radius:20px;filter:saturate(.9)}.note-photo:after{content:"";position:absolute;inset:0;border:1px solid rgba(7,26,53,.1);border-radius:20px;pointer-events:none}.note-photo figcaption{position:absolute;left:18px;bottom:18px;max-width:75%;padding:10px 15px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:10px;font:600 18px "Caveat",cursive;color:var(--navy)}.sticky-note{min-height:250px;padding:38px;border-radius:20px;box-shadow:none;transform:none;border:1px solid rgba(7,26,53,.08)}.sticky-note.lilac{transform:none;background:#dcd2fa}.sticky-note.yellow{background:#f8dc78}.sticky-note strong{font:700 clamp(24px,2.6vw,36px)/1.15 var(--sans)}.sticky-note span,.sticky-note i{font-family:"Caveat",cursive;text-transform:none;font-size:19px;color:#5f4da0}
.section-kicker{position:relative}.section-kicker:after{content:"a little note from me →";font:600 20px "Caveat",cursive;color:#725fb4;margin-left:auto;transform:rotate(-2deg)}.unified-statement:after{content:"";position:absolute;width:84px;height:36px;right:-34px;bottom:42px;border-bottom:2px solid #725fb4;border-radius:50%;transform:rotate(-18deg)}.unified-statement:before{font-size:24px}
.page-hero{isolation:isolate}.page-hero .page-lede:after{content:"↗";position:absolute;right:-50px;top:-12px;font:600 42px "Caveat",cursive;color:rgba(7,26,53,.55);transform:rotate(-18deg)}.page-hero .eyebrow:after{content:" ✦";font-family:"Caveat",cursive;color:#725fb4}.page-hero:before{width:180px;height:180px;right:4%;bottom:-55px;border:2px solid rgba(7,26,53,.13);box-shadow:0 0 0 18px rgba(255,255,255,.09),0 0 0 36px rgba(255,255,255,.07)}.page-hero h1:before{content:"";position:absolute;left:-42px;top:5%;width:24px;height:68%;border-left:2px solid rgba(7,26,53,.35);border-top:2px solid rgba(7,26,53,.35);border-bottom:2px solid rgba(7,26,53,.35);border-radius:12px 0 0 12px}
.about-page .split-intro{position:relative;border-radius:22px;box-shadow:0 20px 60px rgba(55,43,88,.06)}.about-page .split-intro:before{content:"one person, one purpose";position:absolute;right:28px;top:-34px;font:600 24px "Caveat",cursive;color:#725fb4;transform:rotate(2deg)}.about-page .portrait-stack img{border-radius:16px}.about-page .portrait-stack:after{font-family:"Caveat",cursive;font-size:17px;letter-spacing:.03em}
.places-page .timeline{position:relative}.places-page .timeline:after{content:"research travels ↗";position:absolute;right:-30px;top:-55px;font:600 25px "Caveat",cursive;color:#477f6a;transform:rotate(4deg)}.places-page .timeline-item{border-radius:16px;box-shadow:0 10px 32px rgba(55,43,88,.06);border:1px solid rgba(7,26,53,.07)}.places-page .photo-ribbon{position:relative}.places-page .photo-ribbon:before{content:"people + ideas + places";position:absolute;left:10px;top:-42px;font:600 24px "Caveat",cursive;color:#477f6a}.places-page .photo-ribbon img,.places-page .photo-ribbon img:nth-child(1),.places-page .photo-ribbon img:nth-child(3){border-radius:14px;transform:none}
.projects-page .project-grid{position:relative}.projects-page .project-grid:before{content:"work in motion ↓";position:absolute;right:8px;top:-42px;font:600 24px "Caveat",cursive;color:#507b98}.projects-page .project-card,.projects-page .project-card.featured{border-radius:16px;box-shadow:0 10px 34px rgba(55,43,88,.06);border:1px solid rgba(7,26,53,.06)}.projects-page .project-card h2:after{content:" ✦";font:500 25px "Caveat",cursive;color:#725fb4}
.awards-page .cv-aside{transform:none;border-radius:16px;position:sticky}.awards-page .cv-aside:after{content:"grateful, always";display:block;margin-top:24px;font:600 23px "Caveat",cursive;color:#725fb4;transform:rotate(-2deg)}.awards-page .cv-entry{border-radius:14px;box-shadow:none;border-left:3px solid var(--blush)}.awards-page .cv-entry h3:after{content:"  ✦";font-family:"Caveat",cursive;color:#d47268}
.cv-page .cv-aside{border-radius:16px}.cv-page .cv-aside:after{content:"the details matter";display:block;margin-top:24px;font:600 22px "Caveat",cursive;color:var(--butter)}.cv-page .cv-section>h2{border-radius:4px}
.contact-page .contact-layout{border-radius:22px}.contact-page .contact-layout:before{content:"↘ write me a note";position:absolute;left:-70px;top:45%;font:600 24px "Caveat",cursive;color:#725fb4;transform:rotate(-90deg)}.contact-page .contact-form{border-radius:14px;box-shadow:none;border:1px solid rgba(7,26,53,.08)}.contact-page .contact-form:before{content:"from you, to me ♡";display:block;text-align:right;margin-bottom:18px;font:600 21px "Caveat",cursive;color:#725fb4}
@media(max-width:1000px){.personal-notes:before,.personal-notes:after,.contact-page .contact-layout:before{display:none}.notes-grid{grid-template-columns:1fr}.section-kicker:after{display:none}.page-hero h1:before,.page-hero .page-lede:after{display:none}.places-page .timeline:after{right:0}.personal-notes{padding-left:5vw;padding-right:5vw}}
@media(max-width:640px){.note-photo img{height:300px}.note-photo figcaption{font-size:17px}.sticky-note strong{font-size:27px}.unified-statement:after{display:none}.about-page .split-intro:before{right:18px}.places-page .timeline:after,.projects-page .project-grid:before{position:static;display:block;margin-bottom:16px;transform:none}}

/* Handwriting is used as factual editorial annotation only */
.hero:before{content:none;font-size:30px}
.unified-statement:before{content:"working principle / 01"}
.personal-notes:before{content:"↘  selected field notes"}
.personal-notes:after{content:"research / practice / public impact"}
.section-kicker:after{content:"editorial note →"}
.about-page .page-hero:after{content:"profile / 01"}
.places-page .page-hero:after{content:"appearances / 02"}
.projects-page .page-hero:after{content:"method / evidence / impact"}
.awards-page .page-hero:after{content:"selected recognition"}
.cv-page .page-hero:after{content:"full record →"}
.contact-page .page-hero:after{content:"correspondence / 05"}
.about-page .split-intro:before{content:"profile note / interdisciplinary practice"}
.places-page .timeline:after{content:"selected appearances ↗"}
.places-page .photo-ribbon:before{content:"conference documentation"}
.projects-page .project-grid:before{content:"research in progress ↓"}
.projects-page .project-card h2:after{content:" /"}
.awards-page .cv-aside:after{content:"selected record / 01–07"}
.awards-page .cv-entry h3:after{content:"  /"}
.cv-page .cv-aside:after{content:"verified May 2026"}
.contact-page .contact-layout:before{content:"↘ enquiry form"}
.contact-page .contact-layout:after{content:"response channel / open"}
.contact-page .contact-form:before{content:"contact / direct message"}
.page-hero:after{right:3vw;top:auto;bottom:5%;font-size:clamp(42px,7vw,92px);max-width:38%;line-height:.9;text-align:right;color:rgba(7,26,53,.17);transform:rotate(-3deg);z-index:-1}.page-hero h1,.page-hero .page-lede,.page-hero .eyebrow{max-width:68%;z-index:2}.timeline-heading,.project-group-title{grid-column:1/-1;margin:55px 0 6px;font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;color:var(--navy);border-bottom:1px solid rgba(7,26,53,.16);padding-bottom:18px}.timeline-heading:first-child,.project-group-title:first-child{margin-top:0}.timeline-heading:after,.project-group-title:after{content:" /";font:600 30px "Caveat",cursive;color:#725fb4}.timeline-heading.upcoming{margin-top:90px}.places-page .timeline-item.upcoming-card{background:#eef8f3;border-color:#96c9b2}.project-group-title.past{margin-top:90px}.projects-page .project-group-title{background:transparent}.projects-page .project-group-title:before{content:"";display:inline-block;width:14px;height:14px;margin-right:14px;border-radius:50%;background:var(--lilac)}.projects-page .project-group-title.past:before{background:var(--butter)}
@media(max-width:640px){.page-hero:after{max-width:54%;font-size:44px;bottom:3%}.page-hero h1,.page-hero .page-lede,.page-hero .eyebrow{max-width:100%}.timeline-heading,.project-group-title{font-size:42px;margin-top:45px}.timeline-heading.upcoming,.project-group-title.past{margin-top:65px}}
.page-hero:after{z-index:0}
.world-section{padding:100px 7vw 120px;background:#eee8fb;overflow:hidden}.world-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;max-width:1240px;margin:auto}.globe-copy h2{font-size:clamp(44px,6vw,82px);line-height:.95;letter-spacing:-.06em;margin:20px 0;color:var(--navy)}.globe-copy>p:not(.eyebrow){max-width:520px;font-size:17px;line-height:1.7}.globe-status{margin-top:32px;padding:20px 22px;background:#fff;border-left:4px solid #d84a4a;border-radius:4px;min-height:92px}.globe-status strong,.globe-status span{display:block}.globe-status strong{font-size:18px}.globe-status span{font-size:13px;line-height:1.5;margin-top:6px;color:#4f5c6c}.globe-stage{position:relative;display:grid;place-items:center}.globe-stage:before{content:"";position:absolute;width:70%;height:12%;bottom:8%;background:rgba(66,49,117,.18);filter:blur(24px);border-radius:50%}.globe-stage canvas{position:relative;width:min(100%,650px);height:auto;cursor:grab;touch-action:none}.globe-stage canvas:active{cursor:grabbing}.globe-hint{position:absolute;right:8%;bottom:8%;font:600 20px "Caveat",cursive;color:#59489a}.projects-page .filter-row,.projects-page .project-group-title{display:none}.projects-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.projects-page .project-card{height:100%;min-height:380px}.projects-page .project-card.featured{grid-column:span 2}.projects-page .project-card .status{display:inline-flex;background:var(--lilac-light);border:0;font:600 10px var(--mono);text-transform:uppercase;margin-bottom:12px}.projects-page .project-card.featured .status{background:rgba(255,255,255,.55)}.places-page .timeline{align-items:stretch}.places-page .timeline-item,.places-page .timeline-item:nth-child(2n){transform:none;height:100%;min-height:235px;display:flex;flex-direction:column;align-items:flex-start}.places-page .timeline-item p{margin-bottom:0}.places-page .timeline-heading{align-self:end}.places-page .home-cta{min-height:auto;padding:80px 6vw 130px;border-radius:28px}.places-page .home-cta h2{font-family:var(--sans);font-size:clamp(48px,7vw,92px);line-height:.95;max-width:850px}.places-page .home-cta .circle-link{width:130px;height:130px}
@media(max-width:1000px){.world-layout{grid-template-columns:1fr}.globe-stage{max-width:680px;margin:auto}.projects-page .project-grid{grid-template-columns:1fr}.projects-page .project-card.featured{grid-column:auto}.places-page .timeline-item{min-height:0}.places-page .home-cta{padding-bottom:190px}}
@media(max-width:640px){.world-section{padding:80px 22px}.globe-copy h2{font-size:48px}.globe-hint{right:0;bottom:2%;font-size:17px}.projects-page .project-card{min-height:330px}.places-page .home-cta h2{font-size:42px}}
.places-page .photo-ribbon img:nth-child(2){margin-top:0}.places-page .home-cta h2{font-size:clamp(42px,5vw,68px);line-height:1.02}
.hero-portrait{isolation:isolate;padding:34px}.hero-portrait:before,.hero-portrait:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.62);border-radius:50%;z-index:-1;animation:halo-orbit 12s linear infinite}.hero-portrait:before{inset:6% -7%;border-color:rgba(255,231,129,.8);border-style:dashed;animation-duration:18s;animation-direction:reverse}.hero-portrait:after{inset:-6% 7%;border-color:rgba(255,255,255,.42)}.portrait-frame{aspect-ratio:.78;border-radius:28px;box-shadow:16px 18px 0 rgba(255,255,255,.24)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-portrait .image-label{z-index:3}.cursor-trail-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999;mix-blend-mode:multiply}.globe-zoom{display:flex;align-items:center;gap:8px;position:absolute;left:7%;bottom:8%;z-index:2}.globe-zoom button{width:38px;height:38px;border:1px solid rgba(7,26,53,.24);border-radius:50%;background:rgba(255,255,255,.8);color:var(--navy);font-size:20px;cursor:pointer}.globe-zoom button:hover{background:var(--butter)}@keyframes halo-orbit{to{transform:rotate(360deg)}}@media(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-trail-canvas{display:none}}@media(max-width:640px){.hero-portrait{padding:20px}.globe-zoom{left:0;bottom:0}}
.cursor-glow{width:22px;height:22px;background:rgba(255,255,255,.08);border:1px solid rgba(103,81,166,.32);box-shadow:0 0 12px rgba(255,255,255,.25);z-index:9999;transition:width .18s,height .18s,background .18s}.hero-portrait{perspective:1100px;background:radial-gradient(circle at 50% 50%,rgba(255,232,137,.24),transparent 62%);filter:drop-shadow(0 0 25px rgba(255,239,175,.22))}.hero-portrait:before{box-shadow:0 0 16px rgba(255,228,113,.42),inset 0 0 18px rgba(255,228,113,.18)}.hero-portrait:after{box-shadow:0 0 22px rgba(255,255,255,.3)}.portrait-frame{animation:magic-card-turn 9s ease-in-out infinite;transform-style:preserve-3d;box-shadow:16px 18px 0 rgba(255,255,255,.2),0 0 32px rgba(255,229,118,.22)}@keyframes magic-card-turn{0%,100%{transform:rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(7deg) rotateX(-2deg) translateY(-10px)}}@media(prefers-reduced-motion:reduce){.portrait-frame{animation:none}.hero-portrait:before,.hero-portrait:after{animation:none}}
.portrait-frame{animation:full-card-spin 10s linear infinite;transform-style:preserve-3d;overflow:visible;background:#8f7bd4}.portrait-frame img{position:relative;z-index:2;border-radius:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.portrait-frame:before{content:"";position:absolute;inset:0;border-radius:28px;background:url("Pictures/Marika Pescosolido-5_websize.jpg") center 35%/cover no-repeat;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:1}.portrait-frame:after{border-radius:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes full-card-spin{0%{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(2deg) rotateY(90deg)}50%{transform:rotateX(0deg) rotateY(180deg)}75%{transform:rotateX(-2deg) rotateY(270deg)}100%{transform:rotateX(0deg) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.portrait-frame{animation:none}}
.about-page{background:#fbf7ff}.places-page{background:#f2faf6}.projects-page{background:#f3f8fc}.awards-page{background:#fff6f1}.cv-page{background:#f4f6fb}.contact-page{background:#fff9e9}.about-page .content-wrap{background:#fbf7ff}.places-page .content-wrap{background:#f2faf6}.projects-page .content-wrap{background:#f3f8fc}.awards-page .content-wrap{background:#fff6f1}.cv-page .content-wrap{background:#f4f6fb}.contact-page .content-wrap{background:#fff9e9}.about-page .page-hero{background:linear-gradient(120deg,#d9cff8,#a890e5)}.places-page .page-hero{background:linear-gradient(125deg,#b9dfca 0 70%,#f6dc7e 70%)}.projects-page .page-hero{background:linear-gradient(135deg,#acd8ef 0 66%,#c7b8f3 66%)}.awards-page .page-hero{background:linear-gradient(125deg,#f3b8aa 0 67%,#f8df8a 67%)}.cv-page .page-hero{background:linear-gradient(130deg,#cbdff0 0 68%,#d8cff6 68%)}.contact-page .page-hero{background:linear-gradient(130deg,#f8df84 0 66%,#efb3ba 66%)}.places-page .timeline-heading.upcoming{margin-top:0}.places-page .timeline-heading.past-events{margin-top:90px}.laptop-project{grid-column:1/-1;padding:48px 0 80px}.laptop-heading{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-bottom:30px}.laptop-heading .status{display:inline-flex;background:var(--lilac-light);border:0}.laptop-heading p{font-size:16px;line-height:1.7;max-width:520px}.typed-title{font:600 clamp(40px,6vw,78px)/1 var(--mono);letter-spacing:-.07em;margin:18px 0 0;color:var(--navy)}.typed-title span{animation:terminal-blink .8s steps(1) infinite}.laptop-wrap{position:relative;padding:38px 8% 10px}.laptop{position:relative;max-width:1080px;margin:auto;filter:drop-shadow(0 35px 30px rgba(7,26,53,.18))}.laptop-screen{position:relative;height:min(65vw,650px);background:#111827;border:18px solid #182236;border-radius:28px 28px 12px 12px;overflow:hidden}.laptop-screen iframe{display:block;width:100%;height:100%;border:0;background:#fff}.laptop-camera{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:#58647a;left:50%;top:7px}.laptop-base{height:30px;background:linear-gradient(#dfe3ea,#aeb7c4);border-radius:4px 4px 36px 36px;position:relative;margin:-1px -7% 0}.laptop-base i{position:absolute;left:43%;right:43%;top:0;height:7px;background:#8c97a5;border-radius:0 0 8px 8px}.laptop-instruction,.laptop-open{position:absolute;z-index:5;font:600 24px "Caveat",cursive;color:#5f4da0}.laptop-instruction{right:1%;top:-3px;transform:rotate(-3deg)}.laptop-open{right:2%;bottom:-28px;padding:8px 12px;border-bottom:1px solid currentColor}.laptop-open:hover{color:var(--coral)}@keyframes terminal-blink{50%{opacity:0}}@media(max-width:800px){.laptop-heading{grid-template-columns:1fr}.laptop-wrap{padding-left:0;padding-right:0}.laptop-screen{border-width:10px;border-radius:18px 18px 8px 8px;height:68vw}.laptop-instruction{right:0;top:4px;font-size:19px}.laptop-open{right:0;bottom:-38px}.laptop-base{margin-left:-3%;margin-right:-3%}.typed-title{font-size:40px}}
.typed-title{width:16ch;max-width:100%;white-space:nowrap;overflow:hidden;animation:type-title 2.2s steps(15) both}.laptop-screen:after{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:rgba(151,229,255,.45);box-shadow:0 0 10px rgba(151,229,255,.7);pointer-events:none;z-index:3;animation:screen-scan 6s linear infinite}.laptop:after{content:"LIVE";position:absolute;right:18px;top:10px;z-index:5;color:#8ef0bb;font:500 9px var(--mono);letter-spacing:.12em}@keyframes type-title{from{width:0}to{width:16ch}}@keyframes screen-scan{to{top:calc(100% - 2px)}}@media(prefers-reduced-motion:reduce){.typed-title,.laptop-screen:after{animation:none}.typed-title{width:auto}}
.portrait-frame{animation:none;cursor:pointer;outline:none}.portrait-frame:focus-visible{outline:3px solid var(--butter);outline-offset:7px}.portrait-frame.is-spinning{animation:full-card-spin 1.8s cubic-bezier(.55,.05,.25,1) 1}.portrait-instruction{position:absolute;right:-22px;top:-32px;width:180px;margin:0;font:600 22px "Caveat",cursive;color:#263d69;transform:rotate(4deg);z-index:5}.globe-hint{font-family:"Caveat",cursive;font-size:22px;font-weight:600}.retro-computer-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(260px,1fr);gap:6vw;align-items:center}.retro-computer-layout .laptop-wrap{padding:20px 0 50px}.retro-computer-layout .laptop{max-width:700px;filter:drop-shadow(0 28px 25px rgba(7,26,53,.16))}.retro-computer-layout .laptop-screen{height:470px;border:22px solid #d8cfb8;border-bottom-width:14px;border-radius:42px 42px 12px 12px;background:#26332f;box-shadow:inset 0 0 0 4px #827b6b}.retro-computer-layout .laptop-screen iframe{border-radius:17px;filter:saturate(.88) contrast(.96)}.retro-computer-layout .laptop-camera{width:9px;height:9px;top:10px;background:#817a68}.laptop-controls{height:56px;background:linear-gradient(#d8cfb8,#bcb39e);display:flex;align-items:center;gap:12px;padding:0 25px;border-radius:0 0 14px 14px;color:#4f5148}.laptop-controls i{width:14px;height:14px;border-radius:50%;background:#85a36c;box-shadow:0 0 8px #9bc27c}.laptop-controls b{width:26px;height:8px;border-radius:5px;background:#777568}.laptop-controls span{margin-left:auto;font:500 9px var(--mono);letter-spacing:.1em}.retro-computer-layout .laptop-base{height:64px;margin:0 9%;background:linear-gradient(90deg,#aaa28f,#d7ceba,#aaa28f);border-radius:0 0 22px 22px}.computer-instructions{position:relative;padding:34px;border-left:1px solid rgba(7,26,53,.18)}.computer-instructions>span{font:500 10px var(--mono);text-transform:uppercase;color:#536276}.computer-instructions h3{font:600 34px "Caveat",cursive;color:#5f4da0;margin:10px 0 24px}.computer-instructions ol{padding-left:22px;margin:0}.computer-instructions li{padding:0 0 17px 8px;font:600 20px/1.35 "Caveat",cursive;color:var(--navy)}.computer-instructions .laptop-open{position:static;display:inline-block;margin-top:14px;font-size:22px}.retro-computer-layout .laptop:after{right:28px;top:18px;color:#576554}.retro-computer-layout .laptop-screen:after{opacity:.3}@media(max-width:900px){.retro-computer-layout{grid-template-columns:1fr}.computer-instructions{border-left:0;border-top:1px solid rgba(7,26,53,.18)}.retro-computer-layout .laptop{max-width:650px}.portrait-instruction{right:0;top:-24px}}@media(max-width:640px){.retro-computer-layout .laptop-screen{height:70vw;border-width:12px;border-bottom-width:8px}.laptop-controls{height:45px;padding:0 14px}.retro-computer-layout .laptop-base{height:44px}.computer-instructions{padding:28px 8px}.portrait-instruction{font-size:18px;width:150px}}