@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500;600&family=Italiana&display=swap');
:root{--pink:#ffb3d1;--pink2:#ffc5dc;--hot:#f36fa6;--ink:#0d0b0c;--cream:#f1ede3;--line:#8b6071}
*{box-sizing:border-box}html,body{margin:0}body{background:linear-gradient(120deg,var(--pink2),var(--pink) 52%,#f9a9c9);color:var(--ink);font-family:"IBM Plex Mono",monospace;min-height:100vh}.sua-nav{height:78px;display:flex;align-items:center;gap:38px;padding:0 4vw;border-bottom:1px solid #9f7183}.sua-mark{font:700 28px/1 "DM Serif Display",Georgia,serif;color:inherit;text-decoration:none;margin-right:auto}.sua-nav nav{display:flex;gap:32px}.sua-nav nav a{color:inherit;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.06em}.updates-btn,.meet-emory,.subscribe-main,.world b,.emory-preview button{border:0;background:#0d0b0c;color:#fff;border-radius:999px;padding:14px 22px;font:600 10px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;cursor:pointer}.sua-hero{min-height:620px;padding:58px 4vw 42px;display:grid;grid-template-columns:1.05fr .9fr .8fr;gap:3vw;align-items:center;max-width:1500px;margin:auto}.hero-copy h1{font:400 clamp(120px,15vw,230px)/.7 "DM Serif Display",Georgia,serif;letter-spacing:-.065em;margin:0}.hero-tag{font-weight:600;letter-spacing:.35em;font-size:17px;margin:36px 0}.hero-intro{font:15px/1.65 "IBM Plex Mono",monospace;max-width:440px}.scribble{font:italic 22px/1.15 "DM Serif Display",Georgia,serif;transform:rotate(-4deg);margin:26px 0}.emory-zone{text-align:center;position:relative}.emory-note{font:italic 18px/1.2 "DM Serif Display",Georgia,serif;transform:rotate(-5deg);position:absolute;right:-20px;top:-42px}.emory-note span{font-size:14px}.brain{width:330px;height:330px;border:0;background:transparent;position:relative;cursor:pointer;filter:drop-shadow(0 20px 30px #a3446d55);animation:float 4s ease-in-out infinite}.brain-emoji{font-size:230px;display:block;filter:saturate(.7) hue-rotate(285deg) brightness(1.18)}.brain-ring{position:absolute;border:2px solid #fff9;border-radius:50%;left:20px;right:20px;top:130px;height:78px;transform:rotate(-15deg);box-shadow:0 0 18px #fff}.brain-ring.two{transform:rotate(22deg);opacity:.5}.brain b{position:absolute;inset:145px 0 auto;color:#fff;font-size:25px;letter-spacing:.16em;text-shadow:0 1px 8px #6c2146}.brain small{position:absolute;inset:182px 0 auto;color:#fff;font-size:8px;letter-spacing:.13em}.meet-emory{margin-top:-12px}.emory-preview{background:#f8c6daaa;border:1px solid #d993af;border-radius:20px;padding:22px;box-shadow:0 20px 50px #7b365333;backdrop-filter:blur(10px);font-size:12px;line-height:1.55}.emory-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d993af;padding-bottom:15px;margin-bottom:18px}.emory-head span:last-child{margin-left:auto;font-size:9px}.mini-brain{font-size:24px}.emory-preview button{margin-top:10px;background:#6d4b59}.worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 4vw 28px;max-width:1500px;margin:auto}.world{min-height:320px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit;border:1px solid #c98aa4;box-shadow:0 12px 25px #8c3e5d22;transition:.2s transform,.2s box-shadow}.world:hover{transform:translateY(-5px);box-shadow:0 18px 36px #8c3e5d33}.world h2{font:400 45px/.9 "DM Serif Display",Georgia,serif;margin:14px 0}.world p{font-size:11px;line-height:1.55;max-width:280px}.world b{margin-top:auto;display:inline-block}.cover-card{background:var(--cream);transform:rotate(-.5deg);background-image:radial-gradient(#0000000b .7px,transparent .8px);background-size:6px 6px}.cover-card:hover{transform:translateY(-5px) rotate(-.5deg)}.cover-card span{font-size:8px;letter-spacing:.12em}.podcast-card{background:#111;color:#f7b6d0}.podcast-card>span{font:400 42px/1 "DM Serif Display",Georgia,serif}.building-card{background:#eee9e3}.lessons-card{background:#f7b7d0}.subscribe{border-top:1px solid #8b6071;margin:0 4vw;padding:34px 0 50px;display:grid;grid-template-columns:1fr 1.2fr auto;gap:40px;align-items:center}.subscribe h2{font-size:24px;margin:0}.subscribe>p{font-size:11px;line-height:1.6}.sua-footer{background:#111;color:#f8d5e3;padding:34px 4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.modal-backdrop{position:fixed;inset:0;background:#160b1188;display:grid;place-items:center;padding:20px;z-index:20}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,100%);background:#fac5da;border:1px solid #b86d8c;border-radius:24px;padding:32px;position:relative;box-shadow:0 30px 80px #32101f66}.close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:30px;cursor:pointer}.modal-title{display:flex;gap:14px;align-items:center}.modal-title>span{font-size:42px}.modal h2{font:400 55px/.9 "DM Serif Display",Georgia,serif;margin:0}.modal-title p,.eyebrow{font-size:9px;letter-spacing:.15em}.modal>p{font-size:12px;line-height:1.6}.fake-input,.signup-preview{background:#fff8;border-radius:999px;padding:16px 18px;font-size:10px;display:flex;justify-content:space-between}.modal small{display:block;margin-top:18px;font-size:8px;letter-spacing:.1em}.updates-modal h2{font-size:70px}.signup-preview{padding:4px}.signup-preview input{border:0;background:transparent;outline:0;padding:10px;width:60%;font-family:inherit}.signup-preview button{border:0;background:#111;color:#fff;border-radius:999px;padding:12px 16px;font:600 9px "IBM Plex Mono";cursor:pointer}
@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}
@media(max-width:980px){.sua-nav nav{display:none}.sua-hero{grid-template-columns:1fr 1fr}.emory-preview{grid-column:1/-1;max-width:600px;margin:auto}.worlds{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.sua-nav{height:64px;padding:0 18px}.updates-btn{padding:11px 14px}.sua-hero{display:block;padding:44px 20px 34px}.hero-copy h1{font-size:38vw}.hero-tag{font-size:10px;margin:25px 0}.hero-intro{font-size:12px}.scribble{font-size:18px}.emory-zone{margin:65px 0 35px}.emory-note{right:0;top:-48px}.brain{width:260px;height:260px}.brain-emoji{font-size:180px}.brain-ring{top:103px}.brain b{inset:116px 0 auto;font-size:20px}.brain small{inset:147px 0 auto}.emory-preview{margin-top:20px}.worlds{grid-template-columns:1fr;padding:12px 20px 24px}.world{min-height:280px}.subscribe{margin:0 20px;grid-template-columns:1fr;gap:14px}.subscribe .scribble{margin:10px 0}.subscribe-main{width:max-content}.sua-footer{flex-direction:column;gap:12px;padding:28px 20px}.updates-modal h2{font-size:15vw}}

.paperclip{position:absolute!important;right:22px;top:16px;font-size:34px!important;transform:rotate(14deg);filter:grayscale(1)}
.cover-card{position:relative}
.podcast-icon{position:absolute!important;right:22px;top:18px;font-size:38px!important}.podcast-card{position:relative}
.pink-page{max-width:1180px;margin:auto;padding:80px 6vw 130px;min-height:calc(100vh - 150px)}.pink-eyebrow{font-size:9px;letter-spacing:.18em}.pink-page>h1{font:400 clamp(90px,13vw,185px)/.72 "DM Serif Display",Georgia,serif;letter-spacing:-.055em;margin:65px 0 42px}.pink-lead{font:italic 31px/1.25 "DM Serif Display",Georgia,serif;max-width:700px}.pink-rule{border-top:1px solid var(--line);margin:52px 0}.pink-copy{max-width:760px}.pink-copy p{font:21px/1.55 "DM Serif Display",Georgia,serif}.sua-footer a{color:inherit}
.episode-list article{border-top:1px solid var(--line);padding:35px 0}.episode-list span,.project-grid span{font-size:8px;letter-spacing:.14em}.episode-list h2{font:400 clamp(36px,5vw,64px)/.9 "DM Serif Display",Georgia,serif;margin:14px 0}.episode-list p{font-size:11px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.project-grid>a,.project-grid>article{color:inherit;text-decoration:none;min-height:260px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-grid h2{font:400 40px/.95 "DM Serif Display",Georgia,serif;margin:18px 0}.project-grid p{font-size:11px;line-height:1.6}
@media(max-width:640px){.pink-page{padding:55px 20px 100px}.pink-page>h1{font-size:22vw;margin:50px 0 34px}.pink-lead{font-size:24px}.pink-copy p{font-size:18px}.project-grid{grid-template-columns:1fr}.project-grid>a,.project-grid>article{border-right:0}}

/* v3 tactile homepage details */
.paperclip{position:absolute!important;left:-12px!important;top:-28px!important;width:34px;height:112px;border:5px solid #6f6965;border-radius:20px;transform:rotate(-8deg);filter:drop-shadow(3px 5px 3px #0004);z-index:4}
.paperclip:after{content:"";position:absolute;left:6px;top:12px;width:13px;height:76px;border:3px solid #8a827c;border-radius:12px}
.book-card{background:linear-gradient(105deg,#f4a9c7,#f8bfd5);position:relative}.book-card:after{content:none!important;display:none!important}.book-card>span{font-size:8px;letter-spacing:.12em}.book-card b{background:#111;color:#fff}
.podcast-mic{position:absolute!important;right:20px!important;bottom:18px!important;width:92px;height:190px;display:block!important;filter:drop-shadow(0 10px 12px #0008)}
.mic-head{position:absolute;width:70px;height:112px;left:11px;top:0;border:4px solid #d9b7c5;border-radius:38px;background:repeating-linear-gradient(90deg,#272326 0 2px,#b9a6ae 2px 3px,#171416 3px 5px);box-shadow:inset 0 0 18px #000}
.mic-head:after{content:"";position:absolute;left:-13px;right:-13px;bottom:18px;height:54px;border:4px solid #a48f98;border-top:0;border-radius:0 0 45px 45px}
.mic-stem{position:absolute;width:6px;height:58px;background:#a48f98;left:43px;top:123px}.mic-base{position:absolute;width:76px;height:8px;background:#a48f98;border-radius:50%;left:8px;bottom:0}
.podcast-card h2,.podcast-card p,.podcast-card b{position:relative;z-index:2}.podcast-card p{max-width:55%}
@media(max-width:640px){.paperclip{left:-5px!important;top:-24px!important;height:96px}.podcast-mic{width:78px;transform:scale(.88);transform-origin:bottom right}.podcast-card p{max-width:60%}}

/* v4 tactile homepage card details */
.paperclip{right:-9px!important;top:-18px!important;width:48px!important;height:92px!important;transform:rotate(8deg)!important;z-index:5!important}
.podcast-card{overflow:hidden}
.podcast-mic-photo{position:absolute;right:-22px;bottom:-14px;width:54%;height:auto;max-height:92%;object-fit:contain;object-position:right bottom;filter:drop-shadow(-10px 12px 18px #0008);z-index:1}
.podcast-card>span:not(.podcast-mic),.podcast-card h2,.podcast-card p,.podcast-card b{position:relative;z-index:2;max-width:62%}
@media(max-width:640px){.paperclip{right:-5px!important;top:-16px!important}.podcast-mic-photo{right:-10px;width:48%}}

/* v5 homepage tactile card refinements */
.paperclip{
left:auto!important;
right:-13px!important;
top:-30px!important;
height:112px!important;
transform:rotate(8deg)!important;
z-index:6!important;
}
.podcast-mic{display:none!important}
.podcast-mic-photo{
display:block!important;
position:absolute!important;
z-index:1!important;
right:-16px!important;
bottom:-22px!important;
width:56%!important;
height:auto!important;
max-height:112%!important;
object-fit:contain!important;
object-position:right bottom!important;
filter:drop-shadow(-10px 12px 18px #0008)!important;
pointer-events:none!important;
}
.podcast-card h2,.podcast-card p,.podcast-card b{position:relative;z-index:3}
.podcast-card h2{max-width:58%}
.podcast-card p{max-width:52%}
@media(max-width:640px){
.paperclip{right:-10px!important;left:auto!important;top:-24px!important;height:96px!important}
.podcast-mic-photo{right:-18px!important;bottom:-14px!important;width:52%!important}
.podcast-card h2{max-width:62%}.podcast-card p{max-width:58%}
}
/* v7 tactile card polish */
@media(min-width:641px){
.cover-card .paperclip{
right:-20px!important;
top:-28px!important;
height:102px!important;
transform:rotate(8deg)!important;
z-index:5!important;
}
.podcast-card{overflow:hidden!important}
.podcast-mic-photo{
position:absolute!important;
right:-22px!important;
bottom:-18px!important;
width:55%!important;
height:auto!important;
object-fit:contain!important;
filter:drop-shadow(-10px 12px 18px #0008)!important;
pointer-events:none!important;
}
.podcast-card h2,.podcast-card p,.podcast-card b{position:relative;z-index:2}
.podcast-card h2{max-width:60%!important}
.podcast-card p{max-width:56%!important}
}
@media(max-width:640px){
.cover-card .paperclip{right:-12px!important;top:-20px!important}
.podcast-mic-photo{right:-8px!important;bottom:-10px!important;width:48%!important}
}
/* v6 paperclip placement reset */
.cover-card .paperclip{
left:18px!important;
right:auto!important;
top:-24px!important;
width:34px!important;
height:102px!important;
transform:rotate(-8deg)!important;
}
@media(max-width:640px){
.cover-card .paperclip{left:14px!important;right:auto!important;top:-20px!important;height:92px!important}
}
/* v7 canonical COVER UP paperclip placement */
.cover-card{overflow:visible!important}
.cover-card .paperclip{
position:absolute!important;
left:22px!important;
right:auto!important;
top:-25px!important;
width:34px!important;
height:102px!important;
border:5px solid #6f6965!important;
border-radius:20px!important;
transform:rotate(-8deg)!important;
filter:drop-shadow(3px 5px 3px #0004)!important;
z-index:10!important;
}
.cover-card .paperclip:after{
content:""!important;
position:absolute!important;
left:6px!important;
top:12px!important;
width:13px!important;
height:76px!important;
border:3px solid #8a827c!important;
border-radius:12px!important;
}
@media(max-width:640px){
.cover-card .paperclip{left:18px!important;right:auto!important;top:-20px!important;height:92px!important}
}
/* v8 podcast cleanup */
.podcast-card .podcast-mic,.podcast-card .mic-head,.podcast-card .mic-stem,.podcast-card .mic-base{display:none!important}
.podcast-card>h2{margin-top:14px!important}

/* v9 clean book + restore original podcast mic */
.book-card{
background:#f7b7d0!important;
background-image:none!important;
}
.podcast-card .original-mic{display:block!important}
.podcast-card .original-mic .mic-head,
.podcast-card .original-mic .mic-stem,
.podcast-card .original-mic .mic-base{display:block!important}

/* v10 ensure book card is completely flat */
.book-card{background:#f7b7d0!important;background-image:none!important}
.book-card:before,.book-card:after{content:none!important;display:none!important;background:none!important}

/* v14 actual EMORY brain asset */
.brain-image{
position:absolute;
left:50%;top:50%;
width:86%;height:86%;
object-fit:contain;
transform:translate(-50%,-50%);
z-index:1;
filter:drop-shadow(0 16px 26px #9a3b6755);
pointer-events:none;
}
.brain-ring{z-index:2}
.brain>b,.brain>small{z-index:3}
@media(max-width:640px){.brain-image{width:88%;height:88%}}

/* v16 distinct EMORY orbital rings */
.brain-ring{
position:absolute!important;
left:50%!important;
top:50%!important;
right:auto!important;
border:1.5px solid rgba(255,255,255,.78)!important;
border-radius:50%!important;
box-shadow:0 0 12px rgba(255,255,255,.45),0 0 24px rgba(226,109,170,.22)!important;
pointer-events:none!important;
z-index:2!important;
}
.brain-ring.one{
width:104%!important;
height:43%!important;
transform:translate(-50%,-50%) rotate(-13deg)!important;
}
.brain-ring.two{
width:72%!important;
height:104%!important;
transform:translate(-50%,-50%) rotate(34deg)!important;
opacity:.68!important;
}
@media(max-width:640px){
.brain-ring.one{width:108%!important;height:44%!important}
.brain-ring.two{width:70%!important;height:100%!important}
}
/* v17 mobile EMORY composition restore */
@media(max-width:640px){
.emory-zone{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
margin:48px 0 24px!important;
min-height:auto!important;
}
.emory-note{display:none!important}
.brain{
width:290px!important;
height:250px!important;
margin:0 auto!important;
display:block!important;
}
.brain-image{
width:94%!important;
height:94%!important;
object-fit:contain!important;
}
.brain-ring.one{
width:98%!important;
height:38%!important;
transform:translate(-50%,-50%) rotate(-12deg)!important;
}
.brain-ring.two{
width:94%!important;
height:39%!important;
transform:translate(-50%,-50%) rotate(18deg)!important;
opacity:.62!important;
}
.meet-emory{
margin:10px auto 0!important;
display:block!important;
position:relative!important;
}
.emory-preview{
margin:28px 0 0!important;
}
.emory-head .mini-brain{
font-size:0!important;
width:30px!important;
height:30px!important;
display:inline-block!important;
background:url("assets/72134923-5810-4AF9-8FD1-571FAE848890.png") center/contain no-repeat!important;
}
}
/* v18 desktop EMORY composition + button separation */
@media(min-width:641px){
.emory-zone{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
}
.brain{
width:350px!important;
height:310px!important;
margin:0 auto!important;
display:block!important;
}
.brain-image{
width:94%!important;
height:94%!important;
object-fit:contain!important;
}
.brain-ring.one{
width:100%!important;
height:39%!important;
transform:translate(-50%,-50%) rotate(-12deg)!important;
}
.brain-ring.two{
width:96%!important;
height:40%!important;
transform:translate(-50%,-50%) rotate(19deg)!important;
opacity:.62!important;
}
.meet-emory{
margin:8px auto 0!important;
display:block!important;
position:relative!important;
}
}
.updates-btn,.meet-emory,.subscribe-main,.world b,.emory-preview button{
border:1px solid rgba(255,190,218,.82)!important;
box-shadow:0 0 0 1px rgba(255,190,218,.12),0 0 11px rgba(255,153,198,.30)!important;
}
.podcast-card b{
border-color:rgba(255,182,215,.95)!important;
box-shadow:0 0 0 1px rgba(255,182,215,.18),0 0 14px rgba(255,126,184,.48)!important;
}

/* v19 stronger glow for black buttons on pink surfaces */
.book-card b,
.cover-card b,
.building-card b,
.meet-emory,
.updates-btn,
.subscribe-main{
border:1.5px solid rgba(255,214,232,.98)!important;
box-shadow:
0 0 0 1px rgba(255,184,216,.42),
0 0 10px rgba(255,164,204,.68),
0 0 22px rgba(255,139,193,.42)!important;
}
.podcast-card b{
border:1px solid rgba(255,182,215,.95)!important;
box-shadow:0 0 0 1px rgba(255,182,215,.18),0 0 14px rgba(255,126,184,.48)!important;
}

/* v22 SUA navigation + About typography */
.pink-copy p{font-weight:400!important}
.pink-copy strong,.pink-copy b,.pink-copy .about-title{font-weight:400!important}
.about-title{font-style:italic}

/* v23 About SUA editorial type hierarchy */
.about-page-v23{}
.pink-page .pink-lead{
font-family:"DM Serif Display",Georgia,serif!important;
font-weight:400!important;
font-style:italic!important;
}
.pink-copy p{
font-family:Georgia,"Times New Roman",serif!important;
font-weight:400!important;
font-size:20px!important;
line-height:1.68!important;
letter-spacing:0!important;
}
.pink-copy .about-title{
font-family:"IBM Plex Mono","Courier New",monospace!important;
font-weight:600!important;
font-style:normal!important;
font-size:.72em!important;
letter-spacing:.08em!important;
}
@media(max-width:640px){
.pink-copy p{font-size:17px!important;line-height:1.72!important}
}
/* v24 project brand cards */
.project-grid>a,.project-grid>article{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.project-wordmark{margin:30px 0 22px;min-height:62px;display:flex;align-items:center}
.wbt-mark{font:800 34px/1 Arial,Helvetica,sans-serif;letter-spacing:-.055em}.wbt-mark span{color:#fff}
.form1-mark{font:800 48px/1 Arial,Helvetica,sans-serif;letter-spacing:-.065em}.form1-mark span{font-weight:400}
.windsong-mark{font:400 48px/1 "DM Serif Display",Georgia,serif;letter-spacing:.08em}
.nine-mark{font:500 32px/1 "IBM Plex Mono",monospace;letter-spacing:-.06em}.nine-mark span{font-weight:400;opacity:.65}
.project-grid>a:hover .project-wordmark{transform:translateX(4px);transition:transform .2s ease}
@media(max-width:640px){.windsong-mark{font-size:40px}.form1-mark{font-size:42px}.wbt-mark{font-size:30px}.nine-mark{font-size:28px}}

/* v25 dedicated coming-soon pages */
.coming-page{min-height:calc(100vh - 150px);padding:55px 5vw 100px}.coming-center{max-width:900px;margin:55px auto 0;text-align:center}.coming-status,.coming-note{font:600 9px/1.5 "IBM Plex Mono",monospace;letter-spacing:.18em}.coming-page h1{font:400 clamp(100px,15vw,210px)/.7 "DM Serif Display",Georgia,serif;letter-spacing:-.055em;margin:38px 0}.coming-lead{font:italic 28px/1.35 "DM Serif Display",Georgia,serif;max-width:680px;margin:0 auto}.coming-rule{width:90px;border-top:1px solid var(--line);margin:42px auto}.coming-page h2{font:400 46px/1 "DM Serif Display",Georgia,serif;margin:28px 0}.coming-button{display:inline-block;background:#111;color:#fff;text-decoration:none;border:1.5px solid #ffd6e8;border-radius:999px;padding:15px 24px;font:600 10px/1 "IBM Plex Mono",monospace;box-shadow:0 0 16px #ff9bc86b;margin-top:28px}.podcast-coming-body{background:#111;color:#f7b7d0}.podcast-coming-body .sua-nav{border-color:#70485a}.podcast-coming-body .sua-nav a{color:#f7b7d0}.podcast-coming-body .updates-btn{color:#fff}.podcast-coming-body .sua-footer{border-top:1px solid #4d3540}.podcast-coming .coming-rule{border-color:#b87591}.podcast-coming-mic{width:74px;height:120px;margin:0 auto 15px;position:relative}.podcast-coming-mic i{display:block;width:50px;height:76px;margin:auto;border:3px solid #f7b7d0;border-radius:28px;background:linear-gradient(#24141c,#0d0b0c);box-shadow:0 0 20px #ff82ba55}.podcast-coming-mic b{position:absolute;left:34px;top:78px;width:5px;height:27px;background:#f7b7d0}.podcast-coming-mic span{position:absolute;left:20px;bottom:8px;width:34px;border-top:4px solid #f7b7d0;border-radius:50%}
@media(max-width:640px){.coming-page{padding:42px 20px 80px}.coming-center{margin-top:45px}.coming-page h1{font-size:27vw}.coming-lead{font-size:22px}.coming-page h2{font-size:34px}}

/* v26 homepage Podcast uses Coming Soon page microphone */
.podcast-card-mic{
position:absolute;
right:22px;
top:28px;
width:62px;
height:104px;
display:block;
z-index:1;
}
.podcast-card-mic>i{
display:block;
width:43px;
height:66px;
margin:auto;
border:3px solid #f7b7d0;
border-radius:24px;
background:linear-gradient(#24141c,#0d0b0c);
box-shadow:0 0 18px #ff82ba55;
}
.podcast-card-mic>b{
position:absolute;
left:29px;
top:68px;
width:5px;
height:23px;
background:#f7b7d0;
padding:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.podcast-card-mic>span{
position:absolute;
left:17px;
bottom:7px;
width:30px;
border-top:4px solid #f7b7d0;
border-radius:50%;
}
.podcast-card>h2,.podcast-card>p,.podcast-card>b{position:relative;z-index:2}
@media(max-width:640px){.podcast-card-mic{right:20px;top:24px;transform:scale(.9);transform-origin:top right}}

/* v27 actual project identities */
.project-logo-wrap{height:105px;margin:20px 0 18px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.project-logo{display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}
.wbt-logo-wrap{height:128px;background:#fff;border-radius:10px;padding:10px 14px}.wbt-logo{width:230px}
.form1-logo-wrap{background:#0a0d16;border-radius:10px;padding:18px;height:105px}.form1-logo{width:260px}
.nine-logo-wrap{background:#08080b;border-radius:10px;padding:18px;height:105px}.nine-logo{width:290px}
.windsong-mark{font-family:"Italiana",Georgia,serif!important;font-weight:400!important;letter-spacing:.08em!important;font-size:48px!important}
@media(max-width:640px){.project-logo-wrap{height:96px}.wbt-logo-wrap{height:118px}.windsong-mark{font-size:40px!important}}

/* v28 normalize Projects logo presentation */
.project-logo-wrap,
.wbt-logo-wrap,
.form1-logo-wrap,
.nine-logo-wrap{
height:110px!important;
min-height:110px!important;
margin:20px 0 18px!important;
padding:0!important;
background:transparent!important;
border-radius:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
overflow:visible!important;
}
.project-logo{
display:block!important;
width:auto!important;
height:auto!important;
max-height:76px!important;
object-fit:contain!important;
object-position:left center!important;
background:transparent!important;
}
.wbt-logo{max-width:230px!important}
.form1-logo{max-width:250px!important}
.nine-logo{max-width:290px!important}
.project-wordmark.windsong-mark{
height:110px!important;
min-height:110px!important;
margin:20px 0 18px!important;
display:flex!important;
align-items:center!important;
font-family:"Italiana",Georgia,serif!important;
font-size:46px!important;
line-height:1!important;
letter-spacing:.08em!important;
}
@media(max-width:640px){
.project-logo-wrap,.wbt-logo-wrap,.form1-logo-wrap,.nine-logo-wrap,.project-wordmark.windsong-mark{height:96px!important;min-height:96px!important}
.project-logo{max-height:66px!important}
.wbt-logo{max-width:210px!important}.form1-logo{max-width:225px!important}.nine-logo{max-width:260px!important}
.project-wordmark.windsong-mark{font-size:40px!important}
}
/* v28 Podcast-page mic, positioned like original homepage mic */
.podcast-card-mic{
position:absolute!important;
right:20px!important;
top:auto!important;
bottom:18px!important;
width:92px!important;
height:190px!important;
display:block!important;
z-index:1!important;
filter:drop-shadow(0 10px 12px #0008)!important;
transform:none!important;
}
.podcast-card-mic>i{
width:58px!important;
height:92px!important;
border-radius:31px!important;
}
.podcast-card-mic>b{
left:44px!important;
top:94px!important;
height:48px!important;
}
.podcast-card-mic>span{
left:27px!important;
bottom:24px!important;
width:42px!important;
}
@media(max-width:640px){
.podcast-card-mic{
right:20px!important;
bottom:18px!important;
top:auto!important;
width:78px!important;
height:165px!important;
transform:scale(.88)!important;
transform-origin:bottom right!important;
}
}
/* v29 monochrome SUA Projects identity */
.project-logo-wrap{
background:transparent!important;
border-radius:0!important;
padding:0!important;
height:110px!important;
margin:20px 0 18px!important;
overflow:visible!important;
}
.project-logo{
filter:grayscale(1) brightness(0)!important;
opacity:1!important;
}
.wbt-logo-wrap{height:128px!important}
.wbt-logo{width:230px!important;mix-blend-mode:multiply}
.form1-logo-wrap{height:110px!important}
.form1-logo{width:260px!important}
.nine-logo-wrap{height:110px!important}
.nine-logo{width:290px!important}
.windsong-mark{
color:#0d0b0c!important;
font-family:"Italiana",Georgia,serif!important;
font-weight:400!important;
}
.project-grid>a,.project-grid>article{
background:transparent!important;
color:#0d0b0c!important;
}
@media(max-width:640px){
.project-logo-wrap{height:96px!important}
.wbt-logo-wrap{height:112px!important}
}
/* v30 connect homepage podcast mic + give WBT logo breathing room */
.podcast-card-mic>b{
top:88px!important;
height:58px!important;
}
.podcast-card-mic>span{
bottom:38px!important;
}
.wbt-logo-wrap{
height:150px!important;
width:100%!important;
overflow:visible!important;
}
.wbt-logo{
width:290px!important;
max-width:96%!important;
max-height:140px!important;
object-fit:contain!important;
object-position:left center!important;
}
@media(max-width:640px){
.podcast-card-mic>b{top:88px!important;height:58px!important}
.podcast-card-mic>span{bottom:35px!important}
.wbt-logo-wrap{height:135px!important}
.wbt-logo{width:270px!important;max-height:125px!important}
}
/* v31 podcast heading stays together */
.podcast-coming .podcast-one-word{
font-size:clamp(72px,11vw,160px)!important;
white-space:nowrap!important;
letter-spacing:-.055em!important;
}
@media(max-width:640px){
.podcast-coming .podcast-one-word{font-size:17vw!important;white-space:nowrap!important}
}
/* v32 WBT clean mark + Book CTA glow */
.wbt-clean-mark{
font-family:"IBM Plex Mono","Courier New",monospace!important;
font-size:34px!important;
font-weight:500!important;
letter-spacing:.11em!important;
white-space:nowrap;
color:#0d0b0c!important;
min-height:110px;
display:flex;
align-items:center;
}
.wbt-clean-mark span{margin-left:.05em}
.book-coming .coming-button{
border:1.5px solid rgba(255,220,235,.98)!important;
box-shadow:0 0 0 1px rgba(255,184,216,.5),0 0 12px rgba(255,164,204,.78),0 0 26px rgba(255,139,193,.52)!important;
}
@media(max-width:640px){.wbt-clean-mark{font-size:27px!important;letter-spacing:.08em!important}}

/* v33 EMORY pink halo matching CTA glow */
.brain:before{
content:"";
position:absolute;
left:50%;
top:50%;
width:82%;
height:72%;
transform:translate(-50%,-50%);
border-radius:50%;
background:radial-gradient(ellipse,rgba(255,226,239,.72) 0%,rgba(255,178,211,.42) 34%,rgba(255,139,193,.22) 58%,transparent 76%);
filter:blur(13px);
box-shadow:0 0 22px rgba(255,164,204,.55),0 0 46px rgba(255,139,193,.32);
z-index:0;
pointer-events:none;
}
.brain-image{filter:drop-shadow(0 0 10px rgba(255,220,235,.48)) drop-shadow(0 14px 26px rgba(154,59,103,.34))!important}
.brain-ring{box-shadow:0 0 8px rgba(255,232,242,.72),0 0 18px rgba(255,164,204,.42)!important}

/* v34 hotter EMORY halo + lighter brain label */
.brain:before{
background:radial-gradient(ellipse,rgba(255,76,164,.72) 0%,rgba(255,45,145,.50) 34%,rgba(244,20,128,.30) 58%,transparent 78%)!important;
filter:blur(14px)!important;
box-shadow:0 0 24px rgba(255,39,145,.72),0 0 54px rgba(244,20,128,.48)!important;
}
.brain-image{
filter:drop-shadow(0 0 12px rgba(255,49,151,.70)) drop-shadow(0 0 28px rgba(244,20,128,.36)) drop-shadow(0 14px 26px rgba(154,59,103,.28))!important;
}
.brain-ring{
border-color:rgba(255,214,235,.86)!important;
box-shadow:0 0 8px rgba(255,67,158,.88),0 0 20px rgba(244,20,128,.58)!important;
}
.brain>b{
font-family:"IBM Plex Mono","Courier New",monospace!important;
font-weight:400!important;
font-size:17px!important;
letter-spacing:.22em!important;
}
.brain>small{
font-weight:400!important;
letter-spacing:.16em!important;
}
.book-coming h1.book-one-line{
font-size:clamp(76px,11vw,160px)!important;
white-space:nowrap!important;
}
@media(max-width:640px){
.brain>b{font-size:15px!important;letter-spacing:.2em!important}
.book-coming h1.book-one-line{font-size:18vw!important;white-space:nowrap!important}
}
/* v35 guarantee THE BOOK stays visibly one line */
.book-coming .coming-center{
max-width:1100px!important;
width:100%!important;
}
.book-coming .book-one-line{
display:block!important;
width:100%!important;
max-width:none!important;
font-size:clamp(68px,9.5vw,145px)!important;
line-height:.82!important;
white-space:nowrap!important;
overflow:visible!important;
letter-spacing:-.06em!important;
}
@media(max-width:640px){
.book-coming .coming-center{width:100%!important;max-width:100%!important}
.book-coming .book-one-line{
font-size:16vw!important;
white-space:nowrap!important;
letter-spacing:-.065em!important;
}
}
/* v36 Safari-safe EMORY glow: never filter the rectangular PNG layer */
.brain-image{
filter:none!important;
box-shadow:none!important;
will-change:auto!important;
}
.brain:before{
content:""!important;
position:absolute!important;
left:50%!important;
top:50%!important;
width:86%!important;
height:76%!important;
transform:translate(-50%,-50%)!important;
border-radius:50%!important;
background:radial-gradient(ellipse at center,rgba(255,52,153,.78) 0%,rgba(255,34,145,.56) 30%,rgba(244,20,128,.34) 52%,rgba(244,20,128,.14) 68%,transparent 80%)!important;
filter:blur(15px)!important;
box-shadow:0 0 28px rgba(255,39,145,.66),0 0 58px rgba(244,20,128,.42)!important;
z-index:0!important;
pointer-events:none!important;
}

/* v37 canonical SUA CTA glow — all pill buttons/CTAs */
.updates-btn,
.meet-emory,
.subscribe-main,
.world b,
.emory-preview button,
.coming-button,
.modal button:not(.close),
.signup-preview button{
border:1.5px solid rgba(255,214,232,.98)!important;
box-shadow:
0 0 0 1px rgba(255,173,211,.48),
0 0 10px rgba(255,91,167,.72),
0 0 22px rgba(244,20,128,.48)!important;
}
.updates-btn:hover,
.meet-emory:hover,
.subscribe-main:hover,
.world:hover b,
.emory-preview button:hover,
.coming-button:hover,
.modal button:not(.close):hover,
.signup-preview button:hover{
box-shadow:
0 0 0 1px rgba(255,205,228,.72),
0 0 13px rgba(255,67,158,.88),
0 0 28px rgba(244,20,128,.62)!important;
}

/* v38 targeted cleanup: actual WBT + preserve EMROY guest UI */
.wbt-logo-wrap{
height:150px!important;
width:100%!important;
padding:18px 8px!important;
background:transparent!important;
overflow:visible!important;
}
.wbt-logo{
display:block!important;
width:245px!important;
max-width:88%!important;
max-height:118px!important;
object-fit:contain!important;
object-position:left center!important;
filter:grayscale(1) brightness(0)!important;
mix-blend-mode:multiply!important;
}

/* Guest-mode card remains a soft glass panel, not a glowing CTA */
.emory-preview{
border:1px solid #d993af!important;
box-shadow:0 20px 50px #7b365333!important;
background:#f8c6daaa!important;
}
.emory-preview button{
border:0!important;
box-shadow:none!important;
background:#6d4b59!important;
}

/* Only real black CTA pills get the hot-pink halo */
.updates-btn,
.meet-emory,
.subscribe-main,
.world>b,
.coming-button,
.signup-preview button{
border:1.5px solid rgba(255,214,232,.98)!important;
box-shadow:0 0 0 1px rgba(255,173,211,.48),0 0 10px rgba(255,91,167,.72),0 0 22px rgba(244,20,128,.48)!important;
}
@media(max-width:640px){
.wbt-logo-wrap{height:135px!important}
.wbt-logo{width:225px!important;max-width:86%!important;max-height:108px!important}
}
/* v39 restore original Meet EMROY / Guest Mode presentation */
.emory-preview{
background:#f8c6daaa!important;
border:1px solid #d993af!important;
border-radius:20px!important;
padding:22px!important;
box-shadow:0 20px 50px #7b365333!important;
backdrop-filter:blur(10px)!important;
font-size:12px!important;
line-height:1.55!important;
}
.emory-head{
display:flex!important;
align-items:center!important;
gap:10px!important;
border-bottom:1px solid #d993af!important;
padding-bottom:15px!important;
margin-bottom:18px!important;
}
.emory-head span:last-child{margin-left:auto!important;font-size:9px!important}
.emory-preview button{
margin-top:10px!important;
background:#6d4b59!important;
color:#fff!important;
border:0!important;
box-shadow:none!important;
border-radius:999px!important;
padding:14px 22px!important;
font:600 10px/1 "IBM Plex Mono",monospace!important;
letter-spacing:.08em!important;
}
.meet-emory{
background:#0d0b0c!important;
color:#fff!important;
border-radius:999px!important;
padding:14px 22px!important;
font:600 10px/1 "IBM Plex Mono",monospace!important;
letter-spacing:.08em!important;
cursor:pointer!important;
margin:8px auto 0!important;
}
@media(max-width:640px){
.emory-preview{margin:28px 0 0!important}
.meet-emory{margin:10px auto 0!important}
}
/* v40 FINAL scoped EMROY + Book CTA rules */
#podcast ~ *{} /* specificity boundary marker */
.emory-zone > .meet-emory{
background:#0d0b0c!important;
color:#fff!important;
border:1.5px solid rgba(255,214,232,.98)!important;
border-radius:999px!important;
padding:14px 22px!important;
box-shadow:0 0 0 1px rgba(255,173,211,.48),0 0 10px rgba(255,91,167,.72),0 0 22px rgba(244,20,128,.48)!important;
font:600 10px/1 "IBM Plex Mono",monospace!important;
letter-spacing:.08em!important;
}
.emory-preview{
background:rgba(248,198,218,.67)!important;
border:1px solid #d993af!important;
border-radius:20px!important;
box-shadow:0 20px 50px rgba(123,54,83,.20)!important;
backdrop-filter:blur(10px)!important;
}
.emory-preview > button{
background:#6d4b59!important;
color:#fff!important;
border:0!important;
box-shadow:none!important;
}
body .book-coming a.coming-button{
background:#0d0b0c!important;
color:#fff!important;
border:1.5px solid #ffd6e8!important;
box-shadow:0 0 0 1px rgba(255,173,211,.58),0 0 13px rgba(255,67,158,.88),0 0 30px rgba(244,20,128,.62)!important;
}

/* v42 responsive QA + decorative mic isolation */
.podcast-coming-mic{width:74px!important;height:120px!important;margin:0 auto 18px!important;position:relative!important}
.podcast-coming-mic>i{display:block!important;width:50px!important;height:76px!important;margin:0 auto!important;border:3px solid #f7b7d0!important;border-radius:28px!important;background:linear-gradient(#24141c,#0d0b0c)!important;box-shadow:0 0 20px #ff82ba55!important}
.podcast-coming-mic>b{display:block!important;position:absolute!important;left:34px!important;top:78px!important;width:5px!important;height:27px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;background:#f7b7d0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.podcast-coming-mic>span{display:block!important;position:absolute!important;left:20px!important;bottom:8px!important;width:34px!important;height:0!important;border:0!important;border-top:4px solid #f7b7d0!important;border-radius:50%!important;box-shadow:none!important}

/* Decorative <b> elements inside cards/mics are never CTA pills */
.podcast-card-mic>b{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}

/* Final mobile QA */
@media(max-width:640px){
body{overflow-x:hidden}
.sua-nav{gap:12px!important}
.sua-mark{flex:0 0 auto}
.sua-nav .updates-btn{font-size:8px!important;padding:11px 12px!important;white-space:nowrap}
.coming-page{overflow:hidden}
.coming-center{max-width:100%!important}
.podcast-coming-mic{width:66px!important;height:108px!important;transform:none!important}
.podcast-coming-mic>i{width:44px!important;height:68px!important;border-radius:25px!important}
.podcast-coming-mic>b{left:31px!important;top:70px!important;width:4px!important;height:24px!important}
.podcast-coming-mic>span{left:18px!important;bottom:7px!important;width:30px!important;border-top-width:3px!important}
.podcast-coming .podcast-one-word{font-size:15vw!important;line-height:.9!important;max-width:100%!important}
.book-coming .book-one-line{font-size:15vw!important;line-height:.9!important;max-width:100%!important}
.project-grid>a,.project-grid>article{min-width:0!important}
.project-logo{max-width:100%!important}
.emory-preview{max-width:100%!important}
.modal{max-height:calc(100svh - 40px);overflow:auto}
}
/* Desktop QA */
@media(min-width:641px){
.podcast-coming-mic{transform:none!important}
.coming-center{min-width:0}
}
/* v43 consolidated responsive visual QA */
html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
img{max-width:100%}

/* CTA styling must never leak into decorative mic pieces */
.world>b:not(.podcast-card-mic *),
.coming-button,.updates-btn,.meet-emory,.subscribe-main,.signup-preview button{
box-sizing:border-box;
}
.podcast-card-mic>b,.podcast-coming-mic>b{
border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;
}

/* Dedicated Podcast mic: intentionally small decoration */
.podcast-coming-mic{
width:68px!important;height:112px!important;margin:0 auto 22px!important;position:relative!important;
}
.podcast-coming-mic>i{
display:block!important;width:46px!important;height:70px!important;margin:0 auto!important;
border:3px solid #f7b7d0!important;border-radius:26px!important;background:#171016!important;
box-shadow:0 0 14px rgba(255,130,186,.34)!important;
}
.podcast-coming-mic>b{
position:absolute!important;left:32px!important;top:72px!important;width:4px!important;height:25px!important;
min-width:0!important;min-height:0!important;margin:0!important;background:#f7b7d0!important;
}
.podcast-coming-mic>span{
position:absolute!important;left:19px!important;bottom:7px!important;width:31px!important;height:0!important;
border:0!important;border-top:3px solid #f7b7d0!important;border-radius:50%!important;
}

/* Coming soon pages */
.coming-page{box-sizing:border-box;width:100%}
.coming-center{width:min(100%,1100px)!important;box-sizing:border-box;padding-inline:16px}
.podcast-coming .podcast-one-word,.book-coming .book-one-line{max-width:100%;text-align:center}

/* Projects */
.project-grid>*{min-width:0}
.project-logo-wrap{max-width:100%}
.project-logo{max-width:100%!important;height:auto!important}

/* EMROY */
.emory-zone,.emory-preview{min-width:0}
.emory-preview{box-sizing:border-box}

/* Mobile */
@media(max-width:640px){
.sua-nav{padding:0 18px!important;height:64px!important;gap:10px!important}
.sua-nav nav{display:none!important}
.sua-nav .updates-btn{font-size:8px!important;padding:10px 11px!important;white-space:nowrap!important}
.coming-page{padding:38px 18px 72px!important;min-height:0!important}
.coming-center{margin-top:34px!important;padding-inline:0!important}
.podcast-coming-mic{width:58px!important;height:94px!important;margin-bottom:18px!important}
.podcast-coming-mic>i{width:40px!important;height:60px!important;border-width:2px!important}
.podcast-coming-mic>b{left:27px!important;top:62px!important;width:4px!important;height:20px!important}
.podcast-coming-mic>span{left:16px!important;bottom:6px!important;width:27px!important;border-top-width:3px!important}
.podcast-coming .podcast-one-word{font-size:14.2vw!important;line-height:.9!important;white-space:nowrap!important;margin:26px 0!important}
.book-coming .book-one-line{font-size:14.5vw!important;line-height:.9!important;white-space:nowrap!important;margin:34px 0!important}
.coming-lead{font-size:21px!important;padding-inline:4px}
.coming-rule{margin:32px auto!important}
.coming-page h2{font-size:31px!important}
.pink-page{padding:48px 20px 90px!important}
.pink-page>h1{font-size:21vw!important;line-height:.78!important}
.project-grid{grid-template-columns:1fr!important}
.project-grid>a,.project-grid>article{min-height:240px!important;padding:28px 24px!important}
.wbt-logo-wrap,.form1-logo-wrap,.nine-logo-wrap{height:105px!important}
.windsong-mark{font-size:38px!important}
.sua-footer{padding:26px 20px!important}
}

/* Desktop */
@media(min-width:641px){
.coming-page{padding-top:50px!important}
.podcast-coming-mic{transform:none!important}
.project-grid{align-items:stretch}
}

/* Each orbit has a far arc behind the brain and a near arc in front. */
.brain{isolation:isolate}
.brain > .brain-ring.orbit-back{
 z-index:1!important;
 clip-path:inset(-24px -24px 50% -24px);
}
.brain > .brain-image{z-index:2!important}
.brain > .brain-ring.orbit-front{
 z-index:3!important;
 clip-path:inset(50% -24px -24px -24px);
}
.brain > b,.brain > small{z-index:4!important}