/* Probed Studios, October 2026. Scoped to the studio and Harmony pages. */
:root{--paper:#eeeee5;--ink:#242027;--muted:#716b70;--night:#0c0d10;--light:#f0eaf3;--accent:#ddc7f2;--line:rgba(35,46,30,.19);--serif:'Newsreader',Georgia,serif;--sans:'Inter',Arial,sans-serif;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #ad82ce;outline-offset:7px}::selection{background:#ddc7f2;color:#242027}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);font-weight:300}em{font-weight:300}.wrap{max-width:1600px;margin:auto;padding-inline:var(--gutter)}.eyebrow{font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.17em;text-transform:uppercase}.overline{display:flex;gap:13px;align-items:center}.overline::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);padding:12px 18px;background:var(--accent);z-index:200}.skip-link:focus{transform:none}
.site-nav{height:94px;padding:0 var(--gutter);position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;z-index:30;color:var(--light);border-bottom:1px solid rgba(235,238,223,.15)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:111px;height:auto}.brand span{border-left:1px solid #6b5c76;padding-left:14px;font-size:9px;letter-spacing:.2em}.nav-links{display:flex;align-items:center;gap:36px;font-size:12px}.nav-links a{padding:10px 0}.nav-links a:hover{color:var(--accent)}.nav-contact span{margin-left:17px}.menu-toggle{display:none;background:none;border:1px solid #62556c;padding:8px 12px;font-size:12px}
.hero{background:var(--night);color:var(--light);position:relative;isolation:isolate;overflow:hidden;min-height:min(900px,100svh);display:flex;align-items:center;padding-top:94px}.hero-content{position:relative;z-index:2;width:100%;padding-top:94px;padding-bottom:124px;pointer-events:none}.hero-content a{pointer-events:auto}.hero .eyebrow{color:#cbb8de;margin-bottom:36px}.hero h1{font-size:clamp(62px,7.7vw,126px);line-height:.97;letter-spacing:-.065em;max-width:850px}.hero h1 em{color:var(--accent)}.hero-description{font-size:clamp(14px,1.15vw,17px);line-height:1.65;max-width:390px;margin-top:32px;color:#bfb8c8;text-wrap:pretty}.hero-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:38px}.text-link{font-size:12px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;line-height:1.5;padding:10px 0;border-bottom:1px solid currentColor;transition:color .2s}.text-link:hover{color:#9170a3}.hero .text-link:hover,.dark .text-link:hover{color:white}.text-link .arrow{font-size:19px;font-family:Arial;line-height:1}.quiet-link{font-size:11px;color:#bfb6c8;padding:12px 0}.material{position:relative;overflow:hidden;background:var(--night);isolation:isolate}.material::before{clip-path:circle(35% at 50% 50%);content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 25%,#c9a0ef 0%,transparent 48%),radial-gradient(ellipse at 65% 80%,#482298 0%,transparent 63%),radial-gradient(ellipse at 20% 75%,#2499c4 0%,transparent 55%);opacity:.8}.material.material-ready::before{display:none}.material canvas{display:block!important;width:100%!important;height:100%!important}.hero-material{position:absolute;z-index:0;width:64%;height:100%;right:-4%;top:0;pointer-events:none}.hero-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--night) 0%,rgba(12,13,16,.97) 22%,rgba(12,13,16,.25) 50%,transparent 71%)}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);z-index:3;display:flex;justify-content:space-between;align-items:center;color:#a9a0b2;gap:20px;font-size:10px}.hero-bottom .index{letter-spacing:.08em}.motion-toggle{border:0;border-bottom:1px solid #5e506b;background:none;padding:6px 0;font-size:10px;color:#c9bdd3}.motion-toggle::before{content:'Ⅱ';font-size:9px;margin-right:9px}.motion-toggle[aria-pressed=true]::before{content:'▷'}.hero-scroll{font-size:17px;margin-left:10px;color:var(--accent)}
.section{padding-block:clamp(76px,9vw,145px)}.section-top{display:flex;justify-content:space-between;gap:24px;padding-bottom:38px;border-top:1px solid var(--line);padding-top:20px}.section-top .eyebrow{color:var(--muted)}.section-top .number{font:12px var(--serif);color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:clamp(50px,8vw,130px);align-items:start}.intro-grid h2{font-size:clamp(46px,5.1vw,82px);line-height:1.04;letter-spacing:-.047em;max-width:700px}.prose{font-size:15px;line-height:1.8;color:var(--muted);max-width:515px;padding-top:7px;text-wrap:pretty}.prose p+p{margin-top:22px}.prose .lead{font-size:20px;line-height:1.5;color:var(--ink);margin-bottom:24px}.prose .text-link{margin-top:24px;color:var(--ink)}
.project-feature{background:var(--night);color:var(--light);display:grid;grid-template-columns:1fr 1fr;min-height:580px;overflow:hidden}.project-art{min-height:530px;position:relative}.project-art .material{position:absolute;inset:0}.art-corner{position:absolute;bottom:28px;left:34px;color:#c2afd2;z-index:2;font-size:10px}.project-body{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(35px,5vw,80px)}.project-body .eyebrow{color:#cbb8de;margin-bottom:40px}.project-body h2{font-size:clamp(52px,5vw,80px);line-height:1;letter-spacing:-.045em}.project-body h3{font:300 clamp(25px,2.4vw,36px)/1.17 var(--serif);max-width:450px;margin-top:20px;color:#d1bfdc}.project-body p{font-size:14px;color:#bdb2c7;line-height:1.8;max-width:400px;margin-top:25px}.project-body .text-link{align-self:flex-start;margin-top:36px}.project-status{font-size:10px;color:#9c90a6;margin-top:23px}.feature-wrap{padding-bottom:clamp(76px,9vw,145px)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:62px}.principle{padding-top:23px;border-top:1px solid var(--line)}.principle .count{font:italic 16px var(--serif);color:#8b7c93;display:block;margin-bottom:38px}.principle h3{font:300 33px/1.1 var(--serif);letter-spacing:-.02em;margin-bottom:20px}.principle p{font-size:13px;color:var(--muted);line-height:1.8;max-width:330px}.mission-statement{font:300 clamp(40px,5vw,79px)/1.1 var(--serif);letter-spacing:-.045em;max-width:1030px}.mission-statement em{color:#8b6d9c}.research-note{margin-top:75px;padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.research-note h3{font:300 31px/1.2 var(--serif);margin-top:15px}.research-note p{font-size:13px;line-height:1.8;color:var(--muted);max-width:500px}.radio-section{padding-bottom:80px}.radio-row{border-block:1px solid var(--line);padding-block:27px;display:flex;align-items:center;gap:25px}.radio-row img{width:54px;height:54px;border-radius:12px}.radio-copy{flex:1}.radio-copy h3{font:300 27px var(--serif);margin:5px 0}.radio-copy p{font-size:12px;color:var(--muted);line-height:1.6}.radio-row .text-link{border-bottom:0;font-size:11px}.contact{padding-block:85px 55px;color:var(--light);background:var(--night)}.contact-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.contact h2{font-size:clamp(48px,6vw,94px);line-height:1.05;letter-spacing:-.045em;margin:26px 0 30px}.contact p{font-size:13px;line-height:1.8;color:#bfb2c8;max-width:370px}.contact .text-link{white-space:nowrap;font-size:13px}.footer-line{margin-top:85px;border-top:1px solid #3a303f;padding-top:25px;display:flex;gap:25px;align-items:center;justify-content:space-between;color:#bfb2c8;font-size:10px}.footer-links{display:flex;gap:27px}.footer-links a:hover{color:var(--light)}
.canvas-hero{min-height:890px;min-height:100svh}.canvas-hero .hero-content{padding-top:95px;padding-bottom:250px}.canvas-hero .hero-material{width:72%;height:112%;top:-2%;right:-3%}.canvas-hero h1{max-width:1100px;font-size:clamp(72px,9.7vw,152px)}.canvas-hero .hero-description{max-width:370px}.canvas-hero .hero-shade{background:linear-gradient(90deg,var(--night) 0%,rgba(12,13,16,.86) 20%,rgba(12,13,16,.15) 60%,transparent 80%)}.canvas-hero .hero-bottom{bottom:38px}.hero-subline{position:absolute;left:var(--gutter);bottom:107px;z-index:2;font:300 27px/1.25 var(--serif);color:#cdb8dd;max-width:420px}
.study-section{padding-top:0}.study{background:var(--night);color:var(--light);position:relative}.study .material{height:clamp(400px,50vw,660px)}.study-top{position:absolute;z-index:2;left:0;right:0;top:0;padding:28px 32px 48px;display:flex;justify-content:space-between;color:#eee5f5;background:linear-gradient(#0c0d10b3,transparent)}.study-bottom{padding:0 34px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.study-controls{display:flex;gap:7px}.study-controls button{border:1px solid #52455f;background:none;border-radius:2px;color:#beaed0;font-size:11px;padding:12px 17px}.study-controls button[aria-pressed=true]{color:#131b0d;background:var(--accent);border-color:var(--accent)}.study-controls button:hover{border-color:var(--accent)}.study-caption{font-size:11px;line-height:1.7;color:#c3b4d0;max-width:300px}.study-footnote{display:flex;justify-content:space-between;gap:28px;margin-top:18px;color:var(--muted);font-size:10px;line-height:1.7}.study-footnote p{max-width:680px}
.story-list{margin-top:60px}.story-row{padding:34px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 1fr;gap:32px}.story-row .number{font:italic 20px var(--serif);color:#8b6d9c}.story-row h3{font:300 clamp(29px,3vw,45px)/1.05 var(--serif);letter-spacing:-.025em}.story-row p{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px}.research-stage{background:#e5dfeb;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.research-stage h2{font-size:clamp(40px,4vw,58px);line-height:1.07;letter-spacing:-.04em;margin-top:28px}.research-stage p{font-size:14px;color:#6a5d72;line-height:1.85}.research-stage p+p{margin-top:18px}.research-stage .text-link{margin-top:25px}.stage-section{padding-top:0}.bottom-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:630px;margin-top:24px}.site-nav a[aria-current=page]{color:var(--accent)}
@media(min-width:1600px){.hero-content{padding-left:max(var(--gutter),calc((100vw - 1424px)/2))}.hero-material{right:0}}
@media(max-width:1000px){.hero h1{font-size:clamp(68px,9vw,105px)}.hero-content{padding-block:110px 130px}.hero-material{width:77%;right:-16%}.hero-shade{background:linear-gradient(90deg,var(--night),rgba(12,13,16,.7) 36%,transparent 76%)}.intro-grid{gap:50px}.project-feature{grid-template-columns:1fr 1fr;min-height:480px}.project-art{min-height:450px}.project-body{padding:45px 30px}.principles{gap:28px}.canvas-hero h1{font-size:clamp(80px,11vw,120px)}.research-stage{gap:45px;padding:45px}.story-row{grid-template-columns:40px 1fr 1fr}}
@media(max-width:700px){.site-nav{height:78px}.brand img{width:95px}.brand span{font-size:8px;padding-left:11px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:77px;left:0;right:0;background:#18121ff5;padding:23px var(--gutter);border-bottom:1px solid #51405e}.nav-links.is-open{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.nav-links a{font-size:15px;width:100%}.hero{min-height:920px;min-height:max(850px,100svh);align-items:flex-start;padding-top:78px}.hero-content{padding-top:50px;padding-bottom:430px}.hero .eyebrow{font-size:9px;margin-bottom:28px}.hero h1{font-size:clamp(63px,12.8vw,89px);letter-spacing:-.06em;max-width:570px}.hero-description{max-width:320px;font-size:14px;margin-top:25px}.hero-actions{margin-top:24px;gap:24px}.hero-material{width:120%;height:500px;right:-13%;top:auto;bottom:5px}.hero-shade{background:linear-gradient(180deg,var(--night) 0%,var(--night) 38%,rgba(12,13,16,.3) 53%,transparent 66%)}.hero-bottom{bottom:24px;font-size:9px;align-items:flex-end}.hero-bottom .index{max-width:170px;line-height:1.7}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-grid h2{font-size:48px;max-width:500px}.prose{font-size:14px;max-width:none}.prose .lead{font-size:19px}.section-top{padding-bottom:30px}.project-feature{display:flex;flex-direction:column-reverse}.project-body{padding:38px 28px 12px}.project-body .eyebrow{margin-bottom:28px}.project-body h2{font-size:55px}.project-body h3{font-size:30px}.project-body p{font-size:13px}.project-body .text-link{margin-top:24px}.project-art{min-height:350px}.project-status{margin-top:14px}.art-corner{left:28px;bottom:24px}.principles{grid-template-columns:1fr;gap:28px;margin-top:40px}.principle{display:grid;grid-template-columns:28px 1fr;gap:8px 18px}.principle .count{grid-row:span 2;margin-bottom:0;padding-top:4px}.principle h3{font-size:30px;margin-bottom:8px}.principle p{max-width:none}.mission-statement{font-size:43px}.research-note{grid-template-columns:1fr;gap:20px;margin-top:50px}.radio-row{gap:18px;flex-wrap:wrap}.radio-copy{min-width:200px}.radio-row .text-link{margin-left:72px;padding-top:0}.contact{padding-top:62px}.contact-top{display:block}.contact h2{font-size:55px}.contact .text-link{margin-top:28px;font-size:12px}.footer-line{align-items:flex-start;flex-direction:column;gap:20px;margin-top:60px}.footer-links{gap:24px}.canvas-hero{min-height:1030px}.canvas-hero .hero-content{padding-top:55px;padding-bottom:510px}.canvas-hero h1{font-size:clamp(66px,13.5vw,93px)}.canvas-hero .hero-material{top:auto;bottom:65px;height:540px;width:135%;right:-17%}.canvas-hero .hero-shade{background:linear-gradient(180deg,var(--night) 0%,var(--night) 31%,rgba(12,13,16,.3) 49%,transparent 65%)}.hero-subline{bottom:78px;font-size:23px;max-width:290px}.canvas-hero .hero-bottom{bottom:25px}.study .material{height:420px}.study-top{padding:23px 22px 45px}.study-top .eyebrow{font-size:9px}.study-top .study-hint{display:none}.study-bottom{padding:0 22px 27px;align-items:flex-start;flex-direction:column}.study-controls{width:100%;gap:6px}.study-controls button{flex:1;font-size:10px;padding:11px 9px}.study-caption{min-height:38px}.study-footnote{display:block;font-size:10px}.study-footnote span{display:block;margin-top:12px}.story-row{grid-template-columns:27px 1fr;gap:16px;padding:28px 0}.story-row .number{grid-row:span 2}.story-row p{grid-column:2;font-size:13px}.story-row h3{font-size:32px}.story-list{margin-top:38px}.research-stage{padding:35px 27px;grid-template-columns:1fr;gap:27px}.research-stage h2{font-size:43px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.study-controls button:disabled{cursor:default;opacity:.5}.motion-toggle:disabled{cursor:default}
.hero-material{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.site-nav{background:linear-gradient(180deg,rgba(12,13,16,.8),rgba(12,13,16,.35));text-shadow:0 1px 8px #000}
@media(max-width:700px){.hero-material{-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%);mask-image:linear-gradient(180deg,transparent,#000 24%)}}
@media(max-width:700px){html:not(.js) .nav-links{display:flex;position:static;padding:0;border:0;background:none;gap:12px}html:not(.js) .nav-links a{font-size:10px}html:not(.js) .menu-toggle{display:none}html:not(.js) .brand span{display:none}}

/* A complete silhouette, with space around the material. */
.hero-material,.canvas-hero .hero-material{width:60%;height:86%;right:-2%;top:7%;-webkit-mask-image:none;mask-image:none}
@media(max-width:700px){.hero-material,.canvas-hero .hero-material{width:100%;height:430px;right:0;top:auto;bottom:65px}.material::before{clip-path:circle(35% at 50% 50%)}}