@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');
.public-site {
&{--paper:#FAFAFA;--surface-grey:#F2F2F2;--ink:#000000;--muted:#666666;--line:#D6D6D6;--primary:#FF5A1F;--green:#000000}*{box-sizing:border-box}&{margin:0;background:var(--paper);color:var(--ink);font-family:'Montserrat',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:5px}a:hover{color:var(--primary)}header{height:100px;display:flex;align-items:center;gap:40px;padding:0 5%;border-bottom:1px solid var(--line)}.brand img{width:153px;display:block}nav{display:flex;gap:30px;margin:auto}nav a{font-size:13px}nav a.active{border-bottom:1px solid var(--ink)}.hub-link{font-size:13px;border:1px solid var(--ink);padding:10px 17px;border-radius:2px}.menu{display:none}.skip{position:absolute;top:-70px;z-index:10;background:white;padding:10px}.skip:focus{top:0}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:'Montserrat',Arial,sans-serif;font-weight:400;line-height:1.03}h1{font-size:clamp(60px,7.6vw,116px);letter-spacing:-3px}h2{font-size:clamp(42px,5vw,72px);letter-spacing:-1.5px}h3{font-size:21px;font-weight:500;line-height:1.3}.eyebrow{display:block;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600;margin-bottom:24px}.muted{color:var(--muted)}.intro{max-width:440px;color:var(--muted);font-size:16px;margin-top:27px}.btn{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid;padding:13px 0;font-size:13px}.btn.solid{padding:14px 22px;background:var(--ink);color:var(--paper);border:0;gap:22px}.actions{display:flex;gap:30px;align-items:center;margin-top:32px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;padding:65px 5% 58px;align-items:center}.hero h1 em{font-style:normal;color:var(--primary)}.hero-image{position:relative}.hero-image img{width:100%;height:580px;object-fit:cover;display:block}.image-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.3px;margin-top:13px;color:var(--muted)}.image-number{position:absolute;left:20px;top:20px;color:white;font-size:11px}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 5%;font-size:11px;letter-spacing:1px}.ribbon .dot{color:var(--primary)}.section{padding:95px 5%}.two{display:grid;grid-template-columns:1fr 1fr;gap:8%}.large-text{font-family:'Montserrat',Arial,sans-serif;font-size:35px;line-height:1.25}.text-column p+p{margin-top:20px}.text-column p{color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-top h2{max-width:700px}.hub-section{background:#C5EFE0}.hub-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.hub-window{background:#FFFFFF;border:1px solid #D6D6D6;box-shadow:0 25px 50px #0000000d;padding:24px;transform:rotate(-2deg)}.window-top{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:11px}.window-title{margin:25px 0;display:flex;justify-content:space-between;align-items:center}.window-title b{font-family:'Montserrat',Arial,sans-serif;font-size:24px;font-weight:400}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.studio-art{height:155px;background:#FF5A1F;position:relative;overflow:hidden}.studio-art:before{content:'';position:absolute;width:90%;height:150%;border:25px solid #FFFFFF;border-radius:50%;left:25%;top:-20%;transform:rotate(30deg)}.studio-art.blue{background:#C5EFE0}.studio-art.blue:before{border-color:#000000;left:-30%;transform:rotate(-40deg)}.studio-art.gold{background:#A9E003}.studio-art.gold:before{border-color:#000000;border-radius:0;transform:rotate(55deg)}.studio-grid small{font-size:10px;display:block;margin:9px 0}.chip{display:inline-block;font-size:10px;padding:4px 9px;border:1px solid var(--line);border-radius:20px}.chip.live{color:var(--green);background:#A9E003;border-color:#D6D6D6}.chip.progress{color:#666666;background:#9589FF;border-color:#D6D6D6}.chip.planned{color:var(--muted)}.feature-list{margin-top:30px}.feature-row{display:flex;gap:25px;padding:20px 0;border-top:1px solid #D6D6D6}.feature-row span{font-size:11px;color:var(--muted)}.feature-row p{font-size:13px;color:var(--muted);margin-top:6px}.note{font-size:11px;color:var(--muted);border-left:2px solid var(--primary);padding-left:14px;margin:25px 0}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.artist-card{display:block}.art-cover{height:330px;overflow:hidden;position:relative;background:var(--surface-grey)}.art-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.artist-card:hover .art-cover img{transform:scale(1.03)}.art-cover.design-1{background:linear-gradient(40deg,#333333 10%,#C5EFE0 50%,var(--surface-grey))}.art-cover.design-2{background:linear-gradient(120deg,var(--surface-grey),#FF5A1F 50%,#333333)}.art-cover.design-3{background:linear-gradient(40deg,#333333,var(--surface-grey))}.art-cover:not(.photo):before{content:'';position:absolute;width:85%;height:150%;border:40px solid #ffffff3b;border-radius:50%;transform:rotate(35deg);left:35%;top:-30%}.card-info{display:flex;justify-content:space-between;padding-top:18px}.card-info h3{font-family:'Montserrat',Arial,sans-serif;font-size:24px;font-weight:400}.card-info p{font-size:11px;margin-top:6px;color:var(--muted)}.card-arrow{font-size:25px}.cta-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;gap:15%;align-items:center}.cta-section .intro{color:#B0B0B0}.cta-section .btn{color:var(--paper)}.page-head{padding:75px 5% 55px}.page-head h1{max-width:1000px}.page-head .intro{max-width:620px}.page-head .eyebrow{color:var(--primary)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.principle{border-top:1px solid var(--line);padding-top:25px}.principle .serif{font-size:45px;color:var(--primary);display:block;margin-bottom:35px}.principle p{color:var(--muted);font-size:14px;margin-top:17px}.banner-image{width:100%;height:460px;object-fit:cover}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{background:none;border:1px solid var(--line);padding:9px 20px;border-radius:25px;cursor:pointer;font-size:12px}.tabs button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:25px 0 35px}.filters input{border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;min-width:240px;border-radius:0}.directory{padding-top:0}.empty{padding:60px 0;color:var(--muted)}.profile{display:grid;grid-template-columns:.8fr 1.4fr;gap:10%;padding:65px 8%}.portrait{background:var(--surface-grey);aspect-ratio:1/1;display:grid;place-items:center}.portrait svg{width:65%;height:65%}.profile h1{font-size:78px}.profile p{margin-top:25px;color:var(--muted)}.social-links{display:flex;gap:20px;margin:30px 0;flex-wrap:wrap}.social-links a{border-bottom:1px solid}.roadmap-summary{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.summary-box{border:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;align-items:center}.summary-box h3{font-family:'Montserrat',Arial,sans-serif;font-size:28px}.timeline{margin-top:40px}.milestone{display:grid;grid-template-columns:160px 1fr 120px;gap:40px;padding:35px 0;border-top:1px solid var(--line)}.milestone .date{font-size:12px;color:var(--muted)}.milestone p{color:var(--muted);max-width:650px;font-size:14px;margin-top:12px}.milestone .chip{align-self:start;justify-self:end}.milestone ul{padding-left:18px;margin-bottom:0;font-size:13px;color:var(--muted)}details{border-top:1px solid var(--line);padding:22px 0}summary{font-size:18px;cursor:pointer}details p{margin-top:15px;max-width:700px;color:var(--muted)}footer{padding:65px 5% 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;border-top:1px solid var(--line)}footer p{font-size:13px;color:var(--muted);margin-top:15px}footer>div>a:not(.wordmark){display:block;font-size:12px;margin:8px 0}.wordmark{font-size:38px;font-weight:600;letter-spacing:-2px}.wordmark span{font-size:13px;vertical-align:top;letter-spacing:0}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding-top:22px;font-size:10px;color:var(--muted)}.count{font-size:12px;color:var(--muted)}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:1000px){header{gap:20px}nav{gap:18px}.hero{gap:5%}.hero-image img{height:480px}.hub-layout{gap:5%}.art-cover{height:260px}.profile h1{font-size:60px}}@media(max-width:760px){header{height:80px;justify-content:space-between}.brand img{width:130px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);z-index:5;padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column}header.open nav{display:flex}.menu{display:block;background:none;border:0;font-size:22px;cursor:pointer}.hub-link{margin-left:auto;font-size:11px;padding:7px 10px}.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}h1{font-size:66px;letter-spacing:-2px}.hero-image img{height:420px}.ribbon{flex-wrap:wrap;gap:15px;font-size:9px}.section{padding:60px 5%}.two,.hub-layout,.cta-section{grid-template-columns:1fr;gap:35px}.large-text{font-size:30px}.section-top{align-items:start;flex-direction:column;gap:20px}.artist-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}.art-cover{height:250px}.card-info h3{font-size:20px}.hub-window{transform:none;padding:18px}.studio-art{height:125px}.page-head{padding-top:45px}.principles{grid-template-columns:1fr;gap:30px}.principle .serif{margin-bottom:20px}.filters{flex-direction:column;align-items:stretch}.filters input{width:100%}.roadmap-summary{grid-template-columns:1fr}.milestone{grid-template-columns:1fr auto;gap:15px}.milestone .date{grid-column:1/-1}.milestone .chip{grid-column:2;grid-row:2}.milestone h3{font-size:18px}.profile{grid-template-columns:1fr;padding:45px 5%;gap:35px}.portrait{max-width:340px}.profile h1{font-size:60px}.banner-image{height:300px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.actions{gap:20px}}@media(max-width:420px){.artist-grid{grid-template-columns:1fr}.art-cover{height:360px}}

.gallery-section{background:#9589FF;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.phone-scene{display:flex;flex-direction:column;align-items:center;gap:22px}.phone{width:260px;height:490px;border:7px solid #000000;border-radius:37px;background:#FAFAFA;box-shadow:25px 30px 45px #00000020;position:relative;overflow:hidden;padding:25px 18px;transform:rotate(5deg)}.phone-top{display:flex;justify-content:space-between;font-size:10px}.encounter-symbol{position:absolute;top:110px;left:38px;right:38px;height:230px;background:linear-gradient(135deg,#9589FF,#9589FF);border-radius:90px 90px 10px 10px}.encounter-symbol:before{content:'';position:absolute;inset:26px;border:1px solid #ffffffa8;border-radius:70px 70px 4px 4px}.phone-bottom{position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px}.crystals{display:flex;gap:20px;justify-content:center;margin-top:20px}.crystals i{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#9589FF 45%,#000000);box-shadow:0 0 15px #9589FF}.phone-caption{font-size:10px;color:#666666}.gallery-section .intro{max-width:450px}@media(max-width:1000px){header{gap:14px}nav{gap:17px}nav a{font-size:12px}}@media(max-width:760px){.gallery-section{grid-template-columns:1fr;gap:45px}.phone{transform:rotate(3deg)}nav a{font-size:14px}}
.artist-avatar{height:250px;background:var(--surface-grey);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #D6D6D6}.artist-avatar>span{font-family:'Montserrat',Arial,sans-serif;font-size:85px;color:#666666}.artist-avatar small{position:absolute;bottom:20px;letter-spacing:2px;font-size:9px;color:#666666}.real-artist:nth-child(3n+2) .artist-avatar{background:#C5EFE0}.real-artist:nth-child(3n+3) .artist-avatar{background:#9589FF}.artist-excerpt{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.artist-bio{white-space:pre-line;line-height:1.85;margin-top:30px;color:var(--muted)}.profile .artist-avatar{height:auto;aspect-ratio:1}.profile h1{overflow-wrap:anywhere}#country-filter{display:block;border:1px solid var(--line);padding:10px 15px;background:transparent;min-width:240px;margin-top:7px}.profile .artist-avatar>span{font-size:100px}
.onboarding-section{border-top:1px solid var(--line);background:#F5F5F5}.onboarding-names{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 35px}.onboarding-names li{padding:15px 0;border-top:1px solid #D6D6D6;font-size:14px}@media(max-width:900px){.onboarding-names{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.onboarding-names{grid-template-columns:repeat(2,1fr);gap:0 20px}.onboarding-names li{font-size:12px}}

& .quiet-space{height:580px;display:grid;place-items:center;background:var(--surface-grey);overflow:hidden}.quiet-space>div{width:70%;height:80%;border:1px solid #D6D6D6;border-radius:50% 50% 0 0;transform:rotate(-12deg)}& .banner-image{display:none}& .artist-avatar{height:250px}& .search-input{width:100%;padding:14px;border:1px solid var(--line);background:transparent;color:var(--ink)}& button.btn{cursor:pointer;background:transparent;color:inherit}& .selected{background:var(--ink);color:var(--paper)}& .artist-grid{margin-top:30px}& .loading{padding:30px 0}@media(max-width:760px){& .quiet-space{height:360px}}

}

/* Biennale palette V2. Typography: 200 display, 300 section titles, 400 body, 500–600 labels. */
.public-site {
  .studio-preview { margin: 0; min-width: 0; }
  .studio-preview-shell { background: #000000; color: #FFFFFF; border: 1px solid #333333; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 45px #00000020; }
  .studio-preview .mud-icon-root { width: 15px; height: 15px; flex-shrink: 0; }
  .studio-preview-header { display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 0 16px; }
  .studio-preview-header img { width: 112px; height: 36px; object-fit: contain; }
  .studio-preview-body { display: flex; min-height: 310px; }
  .studio-preview-sidebar { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 32px; flex-shrink: 0; padding: 16px 0; background: #1A1A1A; color: #B0B0B0; }
  .studio-preview-sidebar > .mud-icon-root:first-child { color: var(--primary); }
  .studio-preview-sidebar-spacer { flex: 1; }
  .studio-preview-content { padding: 14px 12px 18px; min-width: 0; flex: 1; }
  .studio-preview-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 20px; margin-bottom: 16px; }
  .studio-preview-title .mud-icon-root { color: var(--primary); width: 12px; height: 12px; }
  .studio-preview-toolbar { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; font-size: 8px; }
  .studio-preview-search, .studio-preview-filter { display: flex; justify-content: space-between; align-items: center; padding: 6px; color: #B0B0B0; min-width: 0; flex: 1; border-bottom: 1px solid #404040; }
  .studio-preview-filter { border: 1px solid #404040; border-radius: 4px; }
  .studio-preview-view { display: flex; gap: 8px; color: #B0B0B0; }
  .studio-preview-view .mud-icon-root:first-child { color: var(--primary); }
  .studio-preview-upload { display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--primary); color: #000000; padding: 8px 10px; border-radius: 6px; font-weight: 600; text-transform: uppercase; }
  .studio-preview-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .studio-preview-card { background: #1A1A1A; overflow: hidden; border-radius: 4px; }
  .studio-preview-placeholder { aspect-ratio: 1.05; background: #333333; position: relative; overflow: hidden; }
  .studio-preview-placeholder span { position: absolute; inset: 20% 22%; border: 2px solid #D6D6D6; border-radius: 50% 50% 5% 5%; transform: rotate(-15deg); }
  .studio-preview-placeholder.pattern-2 { background: #9589FF; }
  .studio-preview-placeholder.pattern-2 span { border-color: #000000; border-radius: 50%; transform: translate(20%, 15%); }
  .studio-preview-placeholder.pattern-3 { background: #C5EFE0; }
  .studio-preview-placeholder.pattern-3 span { border-color: #000000; border-radius: 0; transform: rotate(35deg); }
  .studio-preview-placeholder.pattern-4 { background: #F2F2F2; }
  .studio-preview-placeholder.pattern-4 span { border-color: #666666; border-radius: 50%; inset: 15% 30%; }
  .studio-preview-card-copy { padding: 9px 7px; }
  .studio-preview-card-copy strong { font-size: 10px; font-weight: 600; display: block; }
  .studio-preview-card-copy p { font-size: 8px; line-height: 1.5; color: #FFFFFF; margin: 5px 0; }
  .studio-preview-more { color: var(--primary); font-size: 8px; }
  .studio-preview-card-actions { display: flex; align-items: center; gap: 4px; margin-top: 18px; color: var(--primary); }
  .studio-preview-card-actions .mud-icon-root { width: 10px; height: 10px; }
  .studio-preview-status { background: var(--success); color: #000000; font-size: 6px; padding: 2px 3px; border-radius: 3px; white-space: nowrap; }
  .studio-preview figcaption { font-size: 10px; color: var(--muted); margin-top: 14px; }
  @media (max-width: 1000px) and (min-width: 761px), (max-width: 480px) {
    .studio-preview-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .studio-preview-toolbar { flex-wrap: wrap; }
    .studio-preview-view { display: none; }
    .studio-preview-upload { flex-basis: 100%; }
    .studio-preview-card-copy p { font-size: 9px; }
  }
}

.public-site {
  --primary: #FF5A1F;
  --secondary: #FF0200;
  --tertiary: #9589FF;
  --success: #A9E003;
  --info: #C5EFE0;
  --button-radius: 12px;
  .btn, .hub-link {
    min-height: 44px;
    padding: 12px 20px;
    border: 1px solid currentColor;
    border-radius: var(--button-radius);
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .035em;
    line-height: 1.4;
    transition: background-color .15s ease, box-shadow .15s ease;
  }
  .btn.solid { border: 1px solid var(--primary); border-radius: var(--button-radius); }
  .btn:hover, .hub-link:hover { text-decoration: none; box-shadow: 0 2px 8px #00000020; }
  .tabs button { border-radius: var(--button-radius); min-height: 44px; font-weight: 600; }
  .hub-section { background: var(--surface-grey); }
  .studio-art.blue { background: var(--info); }
  .studio-art.gold { background: var(--success); }
  .cta-section .btn { border-color: var(--primary); }
  h1 { font-weight: 200; font-size: clamp(48px, 6.8vw, 104px); line-height: 1.08; letter-spacing: -.045em; }
  h2 { font-weight: 300; font-size: clamp(34px, 4.6vw, 64px); line-height: 1.15; letter-spacing: -.035em; }
  h3, .card-info h3, .summary-box h3, .window-title b { font-weight: 500; }
  .large-text, .serif, .artist-avatar > span { font-weight: 300; }
  .eyebrow, .btn, .hub-link, nav a { font-weight: 600; }
  .btn.solid { background: var(--primary); color: var(--ink); }
  .chip.live { background: var(--success); color: var(--ink); border-color: var(--success); }
  .chip.progress { background: var(--tertiary); color: var(--ink); border-color: var(--tertiary); }
  .phone-caption { color: var(--ink); }
  .gallery-section .intro, .page-head .eyebrow { color: var(--ink); }
  a:hover { color: inherit; text-decoration: underline; text-decoration-color: var(--primary); text-underline-offset: 5px; }
  .image-number { color: var(--ink); }
  .artist-avatar > span { color: var(--ink); }
  .hero h1, .page-head h1 { overflow-wrap: anywhere; }
  .profile h1 { font-size: clamp(44px, 5.5vw, 78px); }
  @media (max-width: 760px) { .actions { flex-wrap: wrap; } }
}


.public-site .studio-preview-image { display: block; width: 100%; height: auto; border-radius: 12px; }

.public-site .hero > div:first-child { container-type: inline-size; min-width: 0; }
.public-site .hero h1 { font-size: min(116px, 15cqi); }
.public-site .hero h1 .hero-connection { white-space: nowrap; overflow-wrap: normal; }

.public-site .quiet-space.philosophy-banner { height: 290px; }
@media (max-width: 760px) {
  .public-site .quiet-space.philosophy-banner { height: 180px; }
}

.public-site .artist-avatar { overflow: hidden; }
.public-site .artist-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }

.public-site .artist-avatar { width: 96px; height: 96px; aspect-ratio: 1; border-radius: 50%; flex-shrink: 0; }
.public-site .artist-avatar > span { font-size: 30px; }
.public-site .profile .artist-avatar { width: 128px; height: 128px; margin-top: 30px; }
.public-site .profile .artist-avatar > span { font-size: 40px; }
.public-site .profile { grid-template-columns: 200px minmax(0, 1fr); gap: 6%; }
@media (max-width: 760px) { .public-site .profile { grid-template-columns: 1fr; } }


.public-site button.artist-country { display: block; background: transparent; border: 0; border-bottom: 1px solid transparent; padding: 0; margin-top: 6px; color: var(--muted); font-size: 11px; cursor: pointer; }
.public-site button.artist-country:hover { color: var(--primary); border-bottom-color: currentColor; }
.public-site .country-filter-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 18px; font-size: 13px; }

.public-site .hero-illustration { display: block; width: 100%; height: auto; }

.public-site .philosophy-illustration { display: block; width: 100%; height: auto; }

/* Blazor focuses the page title after navigation; it isn't an interactive control. */
.public-site h1:focus { outline: none; }

#components-reconnect-modal { display: none; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2000; width: max-content; max-width: calc(100% - 32px); padding: 16px 20px; border: 1px solid #D6D6D6; border-radius: 12px; background: #FAFAFA; color: #000; font: 13px/1.5 'Montserrat', Arial, sans-serif; box-shadow: 0 4px 24px #00000014; }
#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected { display: block; }
#components-reconnect-modal.components-reconnect-show { animation: reconnect-reveal 0s 2s both; }
#components-reconnect-modal .reconnect-failed,
#components-reconnect-modal button { display: none; }
#components-reconnect-modal.components-reconnect-failed .reconnect-progress,
#components-reconnect-modal.components-reconnect-rejected .reconnect-progress { display: none; }
#components-reconnect-modal.components-reconnect-failed .reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected .reconnect-failed { display: inline; }
#components-reconnect-modal.components-reconnect-failed button,
#components-reconnect-modal.components-reconnect-rejected button { display: inline-block; margin-left: 12px; border: 1px solid #000; border-radius: 8px; background: transparent; padding: 6px 12px; font: inherit; cursor: pointer; }
@keyframes reconnect-reveal { from { visibility: hidden; } to { visibility: visible; } }

/* Give calls to action a consistent pause after body copy. */
.public-site p + .btn,
.public-site p + .mud-button-root,
.public-site p + .actions { margin-top: 28px; }

@media (max-width: 760px) {
    .public-site .ribbon {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px 5%;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.8px;
    }
    .public-site .ribbon > span {
        display: flex;
        align-items: baseline;
        gap: 12px;
    }
    .public-site .ribbon > span::before {
        content: '';
        width: 5px;
        height: 5px;
        flex: 0 0 5px;
        border-radius: 50%;
        background: var(--primary);
        align-self: flex-start;
        margin-top: 6px;
    }
    .public-site .ribbon .dot { display: none; }
}

.public-site .team-section { border-top: 1px solid var(--line); }
.public-site .team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.public-site .team-card img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 12px; margin-bottom: 24px; }
.public-site .team-card .eyebrow { margin-bottom: 8px; color: var(--muted); }
.public-site .team-card h3 { margin-bottom: 12px; }
.public-site .team-card p { color: var(--muted); font-size: 14px; line-height: 1.6; }
@media (max-width: 1000px) { .public-site .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .public-site .team-grid { grid-template-columns: 1fr; gap: 36px; } }