@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap');

:root { --bg:#080b0d; --panel:#0e1215; --panel2:#11171a; --text:#e9eff0; --muted:#8c999d; --line:#263034; --cyan:#70e4e8; --rust:#b96649; --mono:"DM Mono",monospace; --sans:"Manrope",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:var(--sans); font-weight:300; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.025; 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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); z-index:100; }
.navbar { min-height:72px; padding-inline:clamp(20px,5vw,72px); background:rgba(8,11,13,.9)!important; border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.navbar-title { color:var(--text)!important; font:500 .92rem var(--mono); letter-spacing:.01em; }
.navbar-title::before { content:""; display:inline-block; width:8px; height:8px; margin:0 14px 1px 2px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(112,228,232,.08),0 0 16px rgba(112,228,232,.55); }
.navbar-nav .nav-link { color:var(--muted)!important; font:400 .66rem var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active { color:var(--cyan)!important; }
.navbar-toggler { border-color:var(--line); }
.anchorjs-link { display:none!important; }
.quarto-title-block { display:none; }
body:has(.hero-new) .quarto-title-block { display:none!important; }
body:has(.hero-new) main.content { padding:0!important; max-width:none!important; }
#quarto-content,main.content { padding:0; margin:0; max-width:none; }

.hero-new { display:grid; grid-template-columns:1.02fr .78fr; gap:clamp(30px,7vw,120px); align-items:center; padding:clamp(54px,6vw,88px) clamp(24px,7vw,110px); border-bottom:1px solid var(--line); }
.hero-intro { max-width:760px; }
.kicker,.section-no { margin:0; color:var(--cyan); font:400 .67rem var(--mono); letter-spacing:.14em; }
.hero-new h1 { margin:25px 0 30px; font:500 clamp(3.7rem,7.4vw,7.8rem)/.96 var(--sans); letter-spacing:-.065em; }
.hero-new h1 em { color:var(--cyan); font-style:normal; font-weight:300; }
.hero-text { max-width:640px; color:#a8b4b7; font-size:clamp(1rem,1.5vw,1.3rem); line-height:1.75; }
.hero-links,.contact-links { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:35px; }
.hero-links { gap:18px; margin-top:44px; }
.hero-links>p,.contact-links>p { display:flex; flex-wrap:wrap; gap:18px; margin:0; }
.contact-links>p { justify-content:center; }
.primary-link,.plain-link { font:500 .7rem var(--mono); letter-spacing:.08em; text-transform:uppercase; text-decoration:none; }
.primary-link { padding:14px 20px; color:#081012; background:var(--cyan); border:1px solid var(--cyan); }
.plain-link { padding:13px 0; color:var(--text); border-bottom:1px solid var(--line); }
.hero-links .primary-link,.hero-links .plain-link { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; min-width:174px; padding:15px 20px; border:1px solid var(--line); }
.hero-links .primary-link { border-color:var(--cyan); }
.hero-links .plain-link:hover { background:rgba(112,228,232,.05); }
.primary-link:hover { color:#081012; background:#a5f7f9; }.plain-link:hover { color:var(--cyan); border-color:var(--cyan); }
.contact-icon-link { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:140px; padding:14px 20px; border:1px solid var(--cyan); font:500 .7rem var(--mono); letter-spacing:.08em; text-transform:uppercase; text-decoration:none; }
.contact-icon-link img { width:18px; height:18px; margin:0!important; object-fit:contain; }
.contact-linkedin { color:var(--text); background:#090d0f; border-color:var(--line); }
.contact-linkedin:hover { color:var(--text); background:rgba(10,102,194,.08); border-color:#0a66c2; }
.institution-row { margin-top:40px; }
.institution-row>p { display:flex; flex-wrap:wrap; gap:32px; margin:0; }
.affiliation-card { position:relative; display:grid; grid-template-columns:44px minmax(76px,1fr) 12px; gap:10px; align-items:center; min-height:52px; padding:0 0 7px; color:var(--text); border-bottom:1px solid transparent; text-decoration:none; transition:border-color .2s ease,transform .2s ease; }
.affiliation-card:hover { color:var(--text); border-color:rgba(112,228,232,.45); transform:translateY(-1px); }
.affiliation-logo { display:grid; place-items:center; width:44px; height:44px; overflow:hidden; background:transparent; }
.affiliation-logo img { width:100%; height:100%; margin:0!important; object-fit:contain; }
.cxns-logo { width:52px; }
.desy-logo img { width:40px; height:40px; }
.affiliation-copy { min-width:0; }
.affiliation-copy small,.affiliation-copy strong,.affiliation-copy em { display:block; }
.affiliation-copy small { margin-bottom:3px; color:#748084; font:400 .49rem var(--mono); letter-spacing:.1em; }
.affiliation-copy strong { font:500 .8rem var(--mono); letter-spacing:.08em; }
.affiliation-copy em { display:none; }
.external-arrow { align-self:start; color:#59666a; font:300 .75rem var(--mono); transition:color .2s ease,transform .2s ease; }
.affiliation-card:hover .external-arrow { color:var(--cyan); transform:translate(2px,-2px); }
.portrait-wrap { position:relative; height:min(64vh,650px); min-height:460px; overflow:hidden; background:#d9dcdd; }
.portrait-wrap::before { content:""; position:absolute; inset:0; border:1px solid rgba(112,228,232,.25); z-index:2; pointer-events:none; }
.portrait-img { width:100%; height:100%; margin:0!important; object-fit:cover; object-position:center 22%; filter:saturate(.85) contrast(1.02); }
.portrait-label { position:absolute; right:0; bottom:0; z-index:3; padding:13px 17px; color:#d5dddf; background:rgba(8,11,13,.88); font:400 .61rem var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.portrait-label i { display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 8px var(--cyan); }

.research-zone,.notes-zone { padding:clamp(90px,10vw,150px) clamp(24px,7vw,110px); border-bottom:1px solid var(--line); }
.research-zone { background:var(--panel); }
.section-head { display:flex; justify-content:space-between; gap:50px; align-items:end; max-width:1500px; margin:0 auto 65px; }
.section-head h2,.contact-zone h2 { margin:15px 0 0; font:500 clamp(2.5rem,5vw,5.1rem)/1.02 var(--sans); letter-spacing:-.055em; }
.section-head>p { max-width:490px; margin:0; color:var(--muted); line-height:1.75; }
.section-head-simple { display:block; margin-bottom:52px; }
.section-head-simple h2 { max-width:none; font-size:clamp(2.4rem,4.2vw,4.4rem); line-height:1.08; letter-spacing:-.045em; text-wrap:balance; }
.propagation-preview { max-width:1400px; margin:auto; overflow:hidden; border:1px solid var(--line); background:#080b0d; }
.propagation-preview-head { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:18px 20px; border-bottom:1px solid var(--line); }
.propagation-preview-head>p { display:contents; }
.propagation-preview-head .propagation-research-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-width:190px; padding:18px 22px; color:#081012; background:var(--cyan); border:1px solid var(--cyan); font:700 .78rem var(--mono); letter-spacing:.07em; text-decoration:none; text-transform:uppercase; }
.propagation-preview-head .propagation-research-link:hover { color:#081012; background:#a5f7f9; }
.propagation-preview-head .propagation-lab-link { display:inline-flex; align-items:center; justify-content:space-between; gap:38px; min-width:280px; padding:18px 24px; color:#081012; background:var(--cyan); border:1px solid var(--cyan); font:700 .82rem var(--mono); letter-spacing:.07em; text-decoration:none; text-transform:uppercase; }
.propagation-preview-head .propagation-lab-link:hover { color:#081012; background:#a5f7f9; }
.propagation-lab-link .lab-arrow { color:#081012; font:700 1.5rem/1 var(--sans); letter-spacing:0; transition:transform .18s ease; }
.propagation-lab-link:hover .lab-arrow { transform:translateX(4px); }
.propagation-preview iframe { display:block; width:100%; height:515px; border:0; background:#080b0d; }

.notes-zone { background:var(--bg); }
#home-posts { max-width:1500px; margin:auto; }
.quarto-grid-item { border:1px solid var(--line)!important; border-radius:0!important; background:var(--panel)!important; box-shadow:none!important; transition:border-color .2s ease,transform .2s ease; }
.quarto-grid-item:hover { border-color:rgba(112,228,232,.55)!important; transform:translateY(-3px); }
.quarto-grid-item .card-body { padding:25px!important; }.listing-title{color:var(--text)!important;font:500 1.2rem var(--sans)!important}.listing-description,.listing-date{color:var(--muted)!important}.listing-category{color:var(--cyan)!important;border-color:var(--line)!important;font-family:var(--mono)!important}.card-img-top{border-radius:0!important}.all-posts-link{display:inline-flex;align-items:center;gap:18px;margin:35px 0 0}
.quarto-grid-item .card-img-top { width:100%; height:240px; margin:0; overflow:hidden; border-bottom:1px solid var(--line); }
.quarto-grid-item .card-img-top img { width:100%; height:240px!important; object-fit:cover; }
.quarto-grid-link[href*="rgb-led-matrix-workshop"] .card-img-top img { object-position:center 20%; }
.topic-browser { display:flex; flex-wrap:wrap; gap:8px; margin:35px 0 42px; }
.topic-browser button { padding:8px 12px; color:#8d9a9e; border:1px solid var(--line); border-radius:0; background:transparent; font:400 .61rem var(--mono); letter-spacing:.06em; text-transform:uppercase; transition:color .2s ease,border-color .2s ease,background .2s ease; }
.topic-browser button:hover,.topic-browser button.active { color:var(--cyan); border-color:rgba(112,228,232,.5); background:rgba(112,228,232,.045); }
.topic-result { min-height:1.5em; margin:-28px 0 24px; color:var(--muted); font:300 .68rem var(--mono); }
.matrix-studio-shell { margin:36px 0 55px; overflow:hidden; border:1px solid var(--line); background:#0a0d10; }
.matrix-studio-head { display:flex; justify-content:space-between; gap:25px; align-items:center; padding:18px 20px; border-bottom:1px solid var(--line); }
.matrix-studio-head>div:first-child { display:grid; gap:5px; }
.matrix-studio-head p { margin:0; }
.matrix-studio-head>div:first-child p { display:grid; gap:5px; }
.matrix-studio-head strong { font:500 1rem var(--sans); }
.tool-status { color:var(--muted); font:400 .55rem var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.tool-status i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 9px rgba(112,228,232,.75); }
.matrix-studio-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 18px; }
.matrix-studio-actions p { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 18px; }
.matrix-studio-actions a { color:#b8c3c6; font:400 .58rem var(--mono); letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }
.matrix-studio-actions a:hover { color:var(--cyan); }
.matrix-studio-shell iframe { display:block; width:100%; height:860px; border:0; background:#101218; }
.contact-zone { padding:clamp(100px,12vw,180px) clamp(24px,12vw,190px); background:var(--panel2); text-align:center; }.contact-zone .section-no{margin-bottom:18px}.contact-zone>p:not(.section-no){max-width:560px;margin:28px auto;color:var(--muted);line-height:1.7}.contact-links{justify-content:center}
body:has(.personal-grid) main.content { max-width:none; padding-inline:24px; }
body:has(.personal-grid) .quarto-title-block { width:100%; margin-right:auto; margin-left:auto; }
.personal-grid { display:grid; gap:64px; width:100%; margin:52px auto 24px; }
.interest-card { display:grid; grid-template-columns:42% 58%; height:640px; overflow:hidden; border:1px solid var(--line); background:var(--panel); }
.interest-card>p { height:100%; margin:0; overflow:hidden; }
.chess-card { grid-template-columns:320px minmax(0,1fr); height:620px; }
.chess-card>p { display:grid; align-items:center; width:320px; height:620px; }
.chess-card .interest-copy { align-self:start; width:100%; max-width:none; justify-self:stretch; padding:56px 36px 36px; }
.scuba-card { width:100%; justify-self:stretch; }
.interest-card-wide { grid-template-columns:44% 56%; height:560px; }
.scuba-card { grid-template-columns:minmax(0,1fr) clamp(320px,34vw,480px); height:auto; min-height:620px; }
.scuba-card>p { display:grid; align-self:start; align-items:center; width:clamp(320px,34vw,480px); min-height:0; height:600px; background:#0b1114; }
.scuba-card .interest-copy { align-self:center; padding:36px; }
.scuba-card .interest-copy section>p:last-child { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.interest-image { width:100%; height:100%; margin:0!important; object-fit:cover; }
.chess-card .interest-image { width:100%; height:auto; max-height:100%; object-fit:contain; object-position:center; }
.scuba-card>p { order:2; }
.scuba-card .interest-copy { order:1; }
.scuba-card .interest-image { width:100%; height:100%; max-width:100%; max-height:none; object-fit:cover; object-position:52% center; transform:none; }
.interest-copy { align-self:center; max-width:none; padding:clamp(42px,5vw,72px); }
.interest-copy h2 { max-width:650px; margin:0 0 25px; font:500 clamp(2rem,3vw,3rem)/1.08 var(--sans); letter-spacing:-.045em; }
.interest-copy>p:not(.section-no) { color:var(--text); font-size:1rem; line-height:1.78; }
.scuba-card .interest-copy section>p { color:var(--text); font-size:1.08rem; line-height:1.72; }
.interest-copy .plain-link,.voluntary-copy .plain-link { color:var(--text)!important; text-decoration:none!important; }
.interest-copy .plain-link:hover,.voluntary-copy .plain-link:hover { color:var(--cyan)!important; }
.chess-card .interest-copy section>p:last-child { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.voluntary-card { display:block; width:min(1280px,100%); margin:0 auto 30px; overflow:hidden; border:1px solid var(--line); background:var(--panel); }
.sfz-header-visual { position:relative; min-height:332px; overflow:hidden; border-bottom:1px solid var(--line); background:#dce7eb; }
.sfz-header-visual>p { height:100%; margin:0; }
.sfz-header-image { position:absolute; inset:0; width:100%; height:100%; margin:0!important; object-fit:cover; object-position:center; filter:saturate(.78) contrast(1.02); }
.sfz-header-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,11,13,.08),transparent 55%),linear-gradient(0deg,rgba(8,11,13,.65),transparent 38%); }
.voluntary-copy { display:grid; grid-template-areas:"title title" "copy links"; grid-template-columns:minmax(0,1fr) max-content; gap:32px clamp(32px,5vw,72px); align-items:start; padding:clamp(44px,5vw,72px); }
.voluntary-copy h2 { grid-area:title; max-width:900px; margin:0; font:500 clamp(2rem,3.4vw,3.4rem)/1.05 var(--sans); letter-spacing:-.045em; }
.voluntary-copy>p:not(.section-no) { grid-area:copy; max-width:760px; margin:0; color:var(--text); font-size:1rem; line-height:1.78; }
.voluntary-links { display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; margin-top:30px; }
.voluntary-copy .voluntary-links { grid-area:links; margin-top:0; }
.voluntary-copy .voluntary-links { display:grid; justify-self:end; justify-items:end; width:min(198px,100%); gap:14px; }
.voluntary-copy .voluntary-links p { display:grid; grid-template-columns:1fr; justify-items:end; width:100%; gap:14px; }
.voluntary-copy .voluntary-links .primary-link { justify-content:flex-start; box-sizing:border-box; width:100%; }
.sfz-copy-logo-link { display:grid; place-items:center; justify-self:stretch; box-sizing:border-box; width:100%; height:auto; aspect-ratio:182.4/67.9; overflow:hidden; padding:10px 18px; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.94); transition:transform .2s ease,background .2s ease; }
.sfz-copy-logo-link:hover { transform:translateY(-2px); background:#fff; }
.sfz-copy-logo-link img { display:block; width:92%; height:auto; max-height:92%; margin:0!important; object-fit:contain; }
.voluntary-links p { display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; margin:0; }
.voluntary-links .plain-link { padding-block:10px; }
.post-downloads { margin:45px 0; padding:24px 28px; border-left:2px solid var(--cyan); background:var(--panel); }
.post-downloads h3 { margin-top:0; font-size:1rem; }
.post-downloads ul { margin-bottom:0; }
.post-downloads a { color:var(--cyan); }
.quarto-figure img { border:1px solid var(--line); }
.nav-footer { display:flex!important; justify-content:flex-end!important; background:#06090a!important; border-top:1px solid var(--line)!important; color:#697679!important; font:300 .6rem var(--mono); letter-spacing:.06em; }
.nav-footer-left,.nav-footer-center { display:none!important; }
.nav-footer-right { margin-left:auto; text-align:right; }
.research-area-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; width:min(1350px,calc(100vw - 48px)); margin:60px 50% 85px; transform:translateX(-50%); border:1px solid var(--line); background:var(--line); }
.research-area { padding:clamp(28px,4vw,48px); background:var(--panel); }
.research-area h2 { margin:14px 0 18px; padding:0; border:0; font-size:clamp(1.35rem,1.8vw,1.7rem); line-height:1.18; letter-spacing:-.025em; }
.research-area>p:not(.section-no) { color:var(--muted); line-height:1.75; }
.propagation-lab-frame { width:min(1500px,100%); margin:35px auto; overflow:hidden; border:1px solid var(--line); background:#080b0d; }
.propagation-lab-frame iframe { display:block; width:100%; height:clamp(620px,62vw,900px); border:0; background:#080b0d; }

body:not(.quarto-fullcontent) main.content { max-width:1100px; margin:auto; padding:80px 24px 120px; }body:not(.quarto-fullcontent) .quarto-title-block{display:block}body:not(.quarto-fullcontent) h1,body:not(.quarto-fullcontent) h2,body:not(.quarto-fullcontent) h3{font-family:var(--sans)}body:not(.quarto-fullcontent) .quarto-title h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.category{font-family:var(--mono)}
body:has(.propagation-lab-frame) main.content { max-width:none; padding-inline:clamp(24px,4vw,64px); }
body:has(.propagation-lab-frame) .quarto-title-block,body:has(.propagation-lab-frame) main.content>p,body:has(.propagation-lab-frame) main.content>section { width:min(1320px,100%); margin-left:auto; margin-right:auto; }
body:has(.propagation-lab-frame) #title-block-header .description { transform:translateY(12px); }
body:has(.propagation-lab-frame) main.content>section p { margin:0 0 1.55rem; font-size:1.04rem; line-height:1.82; }
body:has(.propagation-lab-frame) main.content>section h2 { margin-top:4.5rem; margin-bottom:2.5rem; }
body:has(.propagation-lab-frame) main.content>section h3 { margin-top:3.4rem; margin-bottom:1.45rem; }
body:has(.propagation-lab-frame) main.content>section .math.display { display:block; margin:2rem 0 2.2rem; }

/* RGB matrix workshop */
body:has(.pixel-workshop) main.content { max-width:none; padding:0; }
body:has(.pixel-workshop) .quarto-title-block { display:none!important; }
.pixel-workshop { overflow:hidden; }
.pixel-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr); gap:clamp(50px,8vw,135px); align-items:center; padding:clamp(48px,5vw,76px) clamp(24px,7vw,110px) clamp(65px,7vw,100px); border-bottom:1px solid var(--line); background:var(--panel); }
.pixel-hero-copy { max-width:820px; }
.pixel-kicker { margin:0 0 25px; color:var(--cyan); font:400 .62rem var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.pixel-kicker i { display:inline-block; width:7px; height:7px; margin-right:10px; background:var(--cyan); box-shadow:0 0 12px rgba(112,228,232,.8); }
.pixel-hero h1 { margin:0 0 34px; color:var(--text); font:500 clamp(4.2rem,8vw,9rem)/.89 var(--sans); letter-spacing:-.07em; }
.pixel-hero h1 em { color:var(--cyan); font-style:normal; font-weight:300; }
.pixel-intro { max-width:710px; margin:0; color:var(--text); font-size:clamp(1rem,1.5vw,1.25rem); line-height:1.8; }
.pixel-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:44px; }
.pixel-hero-actions>p { display:contents; }
.pixel-button { display:inline-flex; align-items:center; min-height:52px; padding:14px 18px; color:var(--text); border:1px solid var(--line); font:500 .63rem var(--mono); letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.pixel-button:hover { color:var(--cyan); border-color:rgba(112,228,232,.55); }
.pixel-button-primary { color:#071012; border-color:var(--cyan); background:var(--cyan); }
.pixel-button-primary:hover { color:#071012; background:#a5f7f9; }
.pixel-cat { position:relative; height:clamp(350px,35vw,500px); overflow:hidden; border:1px solid rgba(112,228,232,.25); background:#050709; }
.pixel-cat>p { margin:0; }
.pixel-cat img { display:block; width:120%; max-width:none; height:auto; margin:0!important; border:0; transform:translate(-8%,-3%); }
.pixel-session { position:relative; width:min(1500px,calc(100% - 48px)); height:clamp(520px,62vw,820px); margin:100px auto 145px; overflow:hidden; border:1px solid var(--line); }
.pixel-session>p:first-child { height:100%; margin:0; }
.pixel-session img { width:100%; height:100%; margin:0!important; border:0; object-fit:cover; object-position:center; }
.pixel-story { width:min(780px,calc(100% - 48px)); margin:0 auto 155px; }
.pixel-story h2,.pixel-coordinate-copy h2,.pixel-result-copy h2 { max-width:760px; margin:0 0 27px; padding:0; border:0; color:var(--text); font:500 clamp(2.5rem,5vw,5rem)/1.03 var(--sans); letter-spacing:-.055em; text-wrap:balance; }
.pixel-story-lead section>p,.pixel-coordinate-copy section>p,.pixel-result-copy section>p { max-width:720px; color:var(--text); font-size:1.05rem; line-height:1.9; }
.pixel-coordinates { display:grid; grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr); gap:clamp(55px,8vw,120px); align-items:center; padding:clamp(70px,9vw,135px) clamp(24px,7vw,110px); border-block:1px solid var(--line); background:var(--panel); }
.pixel-coordinate-copy { max-width:680px; justify-self:end; }
.pixel-coordinate-figure { max-width:680px; margin:0; padding:25px; border:1px solid var(--line); background:#f5f8f8; }
.pixel-coordinate-figure>p { margin:0; }
.pixel-coordinate-figure img { display:block; width:100%; margin:0!important; border:0; }
.pixel-results { display:grid; grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr); gap:clamp(60px,9vw,140px); align-items:center; width:min(1400px,calc(100% - 48px)); margin:150px auto; }
.pixel-result-image { height:620px; overflow:hidden; border:1px solid var(--line); background:#080b0d; }
.pixel-result-image>p { height:100%; margin:0; }
.pixel-result-image img { width:100%; height:100%; margin:0!important; border:0; object-fit:cover; object-position:center 28%; }
.pixel-result-copy { max-width:700px; }
.pixel-studio-wrap { width:min(1500px,calc(100% - 48px)); margin:0 auto 150px; }
.pixel-studio-wrap>p { margin:0; }
.pixel-studio-card { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); align-items:stretch; width:100%; overflow:hidden; color:var(--text); border:1px solid var(--line); background:var(--panel); text-decoration:none; transition:border-color .2s ease,transform .2s ease; }
.pixel-studio-card:hover { color:var(--text); border-color:rgba(112,228,232,.55); transform:translateY(-3px); }
.pixel-studio-copy { display:flex; flex-direction:column; justify-content:center; min-height:500px; padding:clamp(38px,6vw,80px); }
.pixel-studio-copy small { margin-bottom:24px; color:var(--cyan); font:400 .6rem var(--mono); letter-spacing:.11em; text-transform:uppercase; }
.pixel-studio-copy strong { max-width:450px; font:500 clamp(2.2rem,4vw,4rem)/1.06 var(--sans); letter-spacing:-.05em; }
.pixel-studio-description { max-width:470px; margin-top:24px; color:var(--text); font-size:.95rem; line-height:1.75; }
.pixel-studio-copy em { display:flex; justify-content:space-between; gap:30px; margin-top:55px; padding-top:18px; color:var(--text); border-top:1px solid var(--line); font:500 .65rem var(--mono); font-style:normal; letter-spacing:.06em; text-transform:uppercase; }
.pixel-studio-copy em b { color:var(--cyan); font-size:1.1rem; transition:transform .2s ease; }
.pixel-studio-card:hover em b { transform:translateX(5px); }
.pixel-studio-image { display:grid; place-items:center; min-width:0; padding:clamp(26px,4vw,60px); background:#090b10; }
.pixel-studio-image img { display:block; width:100%; max-width:760px; margin:0; border:1px solid #252b35; }
.pixel-reuse { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(50px,8vw,120px); align-items:end; width:min(1250px,calc(100% - 48px)); margin:0 auto 140px; padding-top:55px; border-top:1px solid var(--line); }
.pixel-reuse h2 { margin:0 0 24px; padding:0; border:0; font:500 clamp(2.4rem,4.5vw,4.5rem)/1.05 var(--sans); letter-spacing:-.05em; }
.pixel-reuse-copy>p:last-child { max-width:740px; color:var(--text); font-size:1.02rem; line-height:1.85; }
.pixel-reuse-actions { display:grid; gap:12px; min-width:290px; }
.pixel-reuse-actions>p { display:contents; }
.pixel-footer { padding:55px clamp(24px,7vw,110px); border-top:1px solid var(--line); background:#06090a; }
.pixel-footer p { max-width:900px; margin:0 auto; color:var(--text); line-height:1.8; }
.pixel-footer a { color:var(--text); }
.pixel-footer a:hover { color:var(--cyan); }
.pixel-footer-download { flex:0 0 auto; padding:13px 0; border-bottom:1px solid var(--line); font:500 .62rem var(--mono); letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }

@media(max-width:900px){.hero-new{grid-template-columns:1fr;padding-top:80px}.portrait-wrap{height:70vh}.section-head{display:block}.section-head>p{margin-top:25px}.interest-card,.interest-card-wide,.chess-card{grid-template-columns:1fr;height:auto;min-height:0}.interest-card>p,.chess-card>p{width:auto;height:auto}.chess-card .interest-image{width:100%;height:auto;max-height:700px;object-fit:contain}.scuba-card>p{order:0}.scuba-card .interest-copy{order:0}.scuba-card .interest-image{height:auto;aspect-ratio:4/3}.voluntary-copy{display:block}.voluntary-copy h2{margin:15px 0 25px}.voluntary-copy .voluntary-links{margin-top:30px}.sfz-header-visual{min-height:310px}.matrix-studio-shell iframe{height:980px}.research-area-grid{grid-template-columns:1fr}.propagation-preview iframe{height:610px}.pixel-hero,.pixel-coordinates,.pixel-results,.pixel-studio-card,.pixel-reuse{grid-template-columns:1fr}.pixel-hero{gap:65px}.pixel-cat{height:470px}.pixel-cat img{transform:translate(-8%,-8%)}.pixel-coordinate-copy{justify-self:start}.pixel-coordinate-figure{max-width:760px}.pixel-result-image{height:560px}.pixel-studio-copy{min-height:0}.pixel-studio-image{padding-top:0}.pixel-reuse-actions{min-width:0;max-width:360px}}
@media(max-width:560px){.hero-new h1{font-size:3.7rem}.portrait-wrap{min-height:420px;height:60vh}.institution-row{margin-top:45px}.institution-row>p{gap:22px}.research-zone,.notes-zone{padding-block:80px}.contact-zone{text-align:left}.contact-zone>p:not(.section-no){margin-left:0}.contact-links,.contact-links>p{justify-content:flex-start}.sfz-header-visual{min-height:250px}.matrix-studio-head{align-items:flex-start;flex-direction:column}.matrix-studio-actions{justify-content:flex-start}.matrix-studio-shell iframe{height:1080px}.propagation-preview-head{align-items:flex-start;flex-direction:column}.propagation-preview iframe{height:560px}.propagation-lab-frame iframe{height:1520px}.pixel-hero{min-height:0;padding:70px 20px}.pixel-hero h1{font-size:3.8rem}.pixel-hero-actions{display:grid}.pixel-button{width:100%}.pixel-cat{height:330px}.pixel-session{width:calc(100% - 32px);height:430px;margin:70px auto 95px}.pixel-story,.pixel-results,.pixel-studio-wrap{width:calc(100% - 32px);margin-bottom:100px}.pixel-story{gap:45px}.pixel-coordinates{padding:80px 20px}.pixel-coordinate-figure{padding:12px}.pixel-results{margin-top:100px;gap:50px}.pixel-result-image{height:430px}.pixel-studio-copy{padding:40px 25px}.pixel-studio-copy em{margin-top:40px}.pixel-studio-image{padding:0 12px 12px}.pixel-footer{padding:38px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}