/* Guest Foundry — static editorial website */
 :root{
    --paper:#faf9f6;
    --ink:#111110;
    --muted:#65645f;
    --line:#d5d4ce;
    --gutter:clamp(22px,5vw,80px);
    --space:clamp(64px,9vw,136px)
}
 *{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth;
    scroll-padding-top:24px
}
body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased
}
a{
    color:inherit;
    text-decoration:none
}
a,button{
    transition:background .18s,color .18s,border-color .18s
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
    outline:2px solid currentColor;
    outline-offset:6px
}
::selection{
    background:#111;
    color:#fff
}
.wrap{
    width:min(100%,1440px);
    margin-inline:auto;
    padding-inline:var(--gutter)
}
.skip{
    position:absolute;
    left:24px;
    top:-100px;
    padding:12px 18px;
    background:var(--ink);
    color:white;
    z-index:5
}
.skip:focus{
    top:16px
}
.header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding-block:30px;
    border-bottom:1px solid var(--line)
}
.brand{
    font-size:21px;
    letter-spacing:-1px;
    font-weight:750;
    line-height:1;
    display:flex;
    align-items:center;
    gap:12px
}
.mark{
    background: url('data:image/svg+xml,%3Csvg viewBox="0 0 19.61 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m11.23 10.89c0-.47.37-.84.84-.84h3.52c.31 0 .47 0 .57-.1.09-.1.09-.26.09-.58v-1.45c0-.32 0-.48-.1-.58s-.26-.1-.58-.1h-3.52c-.47 0-.84-.38-.84-.84s.37-.84.84-.84h3.36c.36 0 .54 0 .64-.13s.06-.3-.03-.63c-.72-2.78-3.16-4.8-6.17-4.8-3.56-0-6.43 2.87-6.43 6.43v4.47c0 3.54 2.77 7.39 7.75 6.43"/%3E%3Cpath d="m1.08 9.98c.59 0 1.15.56 1.15 1.15 0 4.15 3.4 7.52 7.6 7.52s7.6-3.38 7.6-7.53c0-.6.48-1.08 1.08-1.08s1.08.48 1.08 1.07c0 4.97-3.81 9.08-8.7 9.61v1.13h2.17c.59 0 1.08.48 1.08 1.07s-.49 1.07-1.1 1.07h-6.53c-.6 0-1.1-.49-1.1-1.08s.48-1.08 1.08-1.08h2.17v-1.14c-4.86-.54-8.66-4.64-8.66-9.62 0-.6.48-1.08 1.08-1.08z"/%3E%3C/svg%3E') top left no-repeat;
    background-size: cover;
    display:inline-block;
    width:24px;
    height:30px;
    position:relative
}
.header nav{
    display:flex;
    gap:32px;
    font-size:14px
}
.header nav a:hover,.footer a:hover{
    text-decoration:underline;
    text-underline-offset:5px
}
.kicker{
    font-size:12px;
    letter-spacing:.12em;
    font-weight:600;
    text-transform:uppercase;
    margin:0 0 30px;
    display:flex;
    gap:18px;
    align-items:baseline
}
.index{
    color:var(--muted);
    font-weight:400;
    letter-spacing:0
}
.hero{
    padding-top:70px;
    padding-bottom:174px;
    width: 100%;
    min-height: 80dvh;
}
.hero-top{
    display:flex;
    justify-content:space-between;
    gap:24px;
    padding-bottom:74px;
}
.hero-top .edition{
    font-size:12px;
    color:var(--muted)
}
h1,h2,h3,p{
    margin-top:0
}
h1{
    font-size:clamp(56px,8.45vw,108px);
    line-height:.99;
    letter-spacing:-5%;
    font-weight:500;
    margin-bottom:48px;
    max-width:920px
}
h1 span{
    display:block
}
.hero-bottom p{
    max-width:640px;
    color:var(--muted);
    margin-bottom: 70px;
    font-size:20px
}
.actions{
    display:flex;
    align-items:center;
    gap:28px;
    flex-wrap:wrap
}
.button{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:50px;
    padding:14px 24px;
    background:var(--ink);
    border:1px solid var(--ink);
    color:var(--paper);
    font-size:14px;
    font-weight:500;
    cursor:pointer
}
.button:hover{
    background:#373733;
    border-color:#373733
}
.button.outline{
    background:transparent;
    color:var(--ink);
    border-color:var(--line)
}
.button.outline:hover{
    border-color:var(--ink)
}
.text-link{
    font-size:14px;
    border-bottom:1px solid;
    padding-block:9px;
    min-height:44px;
    display:inline-flex;
    align-items:center
}
.text-link:hover{
    color:var(--muted)
}
.section{
    padding-block:var(--space);
    border-top:1px solid var(--line)
}
.section-heading{
    /* display:grid; */
    grid-template-columns:1fr 2fr;
    gap:48px;
    margin-bottom:64px
}
.section-heading h2,h2.display{
    font-size:clamp(36px,4.6vw,65px);
    font-weight:500;
    line-height:1.08;
    letter-spacing:-3%;
    margin-bottom:0
}
.section-heading .kicker{
    padding:8px 0 12px
}
.columns{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:48px
}
.columns article{
    border-top:1px solid var(--line);
    padding-top:24px
}
.number{
    font-size:12px;
    color:var(--muted);
    margin-bottom:30px;
    display:block
}
.columns h3{
    font-size:22px;
    font-weight:500;
    letter-spacing:-.025em;
    margin-bottom:14px
}
.columns p{
    font-size:16px;
    color:var(--muted);
    max-width:350px;
    margin-bottom:0
}
.representation{
    padding-bottom:var(--space)
}
.profile-feature{
    background:#efeee9;
    padding:48px;
    display:grid;
    grid-template-columns:1.25fr 1fr;
    gap:56px
}
.feature-name{
    font-size:clamp(60px,7.8vw,108px);
    line-height:.94;
    letter-spacing:-.065em;
    font-weight:500;
    margin:0
}
.feature-name span{
    display:block
}
.feature-info{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    gap:32px
}
.feature-info p{
    font-size:23px;
    line-height:1.4;
    letter-spacing:-.025em;
    max-width:400px;
    margin:0
}
.availability{
    font-size:14px;
    color:var(--muted);
    margin-top:28px
}
.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    padding-top:32px
}
.stat{
    border-top:1px solid var(--line);
    padding-top:22px
}
.stat strong{
    display:block;
    font-size:clamp(28px,3.1vw,43px);
    font-weight:500;
    letter-spacing:-.04em;
    margin-bottom:4px
}
.stat span{
    font-size:14px;
    color:var(--muted);
    display:block;
    max-width:175px
}
.dark{
    background:var(--ink);
    color:var(--paper);
    padding-block:var(--space)
}
.dark .kicker,.dark .number,.dark .columns p{
    color:#b4b3ac
}
.dark h2{
    font-size:clamp(48px,6.7vw,94px);
    font-weight:500;
    line-height:1.04;
    letter-spacing:-.065em;
    /* max-width:980px; */
    margin-bottom:48px
}
.dark .statement{
    font-size:clamp(23px,3vw,38px);
    letter-spacing:-.03em;
    max-width:860px;
    line-height:1.3;
    margin-bottom:72px;
    color:#b4b3ac;
}
.dark .statement strong{
    color:var(--paper);
    font-weight:400
}
.dark .columns article{
    border-color:#44443f
}
.host{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px;
    align-items:end
}
.host h2{
    max-width:550px
}
.host p{
    color:var(--muted);
    max-width:420px;
    font-size:18px
}
.contact{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px
}
.contact h2{
    max-width:530px
}
.contact .email{
    display:inline-block;
    margin-top:40px;
    font-size:18px;
    border-bottom:1px solid
}
.contact-note{
    font-size:14px;
    color:var(--muted);
    max-width:370px;
    margin-top:24px
}
.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px
}
label{
    display:block;
    font-size:14px;
    margin-bottom:9px
}
input,textarea{
    width:100%;
    border:0;
    border-bottom:1px solid var(--line);
    border-radius:0;
    background:transparent;
    color:var(--ink);
    padding:10px 0 16px;
    font:inherit
}
input:hover,textarea:hover{
    border-color:var(--ink)
}
textarea{
    resize:vertical;
    min-height:110px
}
.field-wide{
    grid-column:1/-1
}
.form-bottom{
    margin-top:26px;
    display:flex;
    gap:24px;
    align-items:center
}
.form-bottom p{
    font-size:12px;
    color:var(--muted);
    margin:0;
    max-width:230px
}
.footer{
    border-top:1px solid var(--line);
    padding-block:40px 28px
}
.footer-top{
    display:flex;
    justify-content:space-between;
    gap:24px;
    font-size:14px;
    color:var(--muted)
}
.footer-links{
    display:flex;
    gap:24px
}
.footer-wordmark{
    font-size:clamp(36px,11.5vw,166px);
    line-height:1.2;
    letter-spacing:-.07em;
    font-weight:600;
    margin:54px 0 36px;
    white-space:nowrap
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:24px;
    font-size:12px;
    color:var(--muted)
}
.profile-hero{
    padding-block:72px 64px
}
.profile-hero h1{
    font-size:clamp(58px,10.5vw,150px);
    margin-bottom:36px
}
.profile-deck{
    font-size:clamp(24px,3.1vw,42px);
    line-height:1.25;
    letter-spacing:-.035em;
    max-width:780px;
    margin-bottom:36px
}
.signals{
    display:flex;
    flex-wrap:wrap;
    gap:12px 28px;
    margin-top:36px;
    color:var(--muted);
    font-size:14px
}
.signals span:before{
    content:"+";
    margin-right:8px
}
.profile-stats{
    padding-block:0 70px
}
.bio-grid{
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:48px
}
.bio-grid h2{
    font-size:32px;
    font-weight:500;
    letter-spacing:-.035em;
    line-height:1.2
}
.prose{
    max-width:760px
}
.prose p{
    font-size:18px;
    color:#4f4e49;
    margin-bottom:24px
}
.prose .lead{
    font-size:clamp(23px,2.5vw,34px);
    line-height:1.35;
    letter-spacing:-.03em;
    color:var(--ink)
}
.why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:48px 36px
}
.why-grid h3{
    font-size:21px;
    font-weight:500;
    letter-spacing:-.025em
}
.why-grid p{
    color:var(--muted);
    font-size:16px
}
.angle-list{
    border-top:1px solid var(--line)
}
.angle{
    display:grid;
    grid-template-columns:60px 1fr 1fr;
    gap:36px;
    border-bottom:1px solid var(--line);
    padding-block:32px
}
.angle .number{
    margin:7px 0
}
.angle h3{
    font-size:clamp(25px,2.6vw,36px);
    line-height:1.2;
    font-weight:500;
    letter-spacing:-.04em;
    margin:0
}
.angle p{
    font-size:16px;
    color:var(--muted);
    margin:4px 0 0
}
.topics{
    display:flex;
    flex-wrap:wrap;
    gap:0 28px;
    list-style:none;
    padding:0;
    margin:0
}
.topics li{
    font-size:17px;
    padding:12px 0;
    border-bottom:1px solid var(--line)
}
.books{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px
}
.book{
    border-top:1px solid var(--line);
    padding-top:24px
}
.book h3{
    font-size:30px;
    font-weight:500;
    letter-spacing:-.035em;
    line-height:1.2
}
.book p{
    font-size:16px;
    color:var(--muted);
    max-width:430px
}
.booking-cta .actions{
    margin-top:40px
}
.dark .button{
    background:var(--paper);
    color:var(--ink);
    border-color:var(--paper)
}
.dark .button:hover{
    background:#deddd7
}
.dark .text-link:hover{
    color:#ccc
}
.booking-cta .fine{
    font-size:14px;
    color:#b4b3ac;
    margin:40px 0 0
}

.booking-page{
    margin: auto;
    min-height:65vh;
    padding-block:80px 100px;
    /* max-width: 1040px; */
    text-align: center;
}
.booking-page h1{
    font-size:clamp(52px,7vw,84px);
    max-width:900px;
    margin-inline: auto;
}
.booking-page .lead{
    max-width:560px;
    font-size:22px;
    color:var(--muted);
    margin-bottom:38px
}
.booking-page .fine{
    margin: auto;
    font-size:14px;
    color:var(--muted);
    margin-top:28px;
    max-width:540px
}
.legal{
    padding-block:80px 100px;
    max-width:1000px
}
.legal h1{
    font-size:clamp(48px,7vw,88px)
}
.legal h2{
    font-size:25px;
    font-weight:500;
    letter-spacing:-.03em;
    margin-top:40px
}
.legal p{
    max-width:760px;
    color:#4f4e49
}
.legal a{
    text-decoration:underline;
    text-underline-offset:4px
}
.legal .date{
    font-size:14px;
    color:var(--muted)
}
 .operating-model{
    padding-block:54px 64px
}
.operating-model .kicker{
    margin-bottom:12px
}
.operating-stats{
    grid-template-columns:repeat(3,1fr);
    padding-top:0;
    gap:48px
}
.operating-stats .stat{
    padding-top:24px
}
.operating-stats .stat strong{
    font-size:clamp(38px,4.6vw,64px)
}
.operating-stats .stat span{
    font-size:16px;
    max-width:280px
}
.operating-stats small{
    font-size:14px;
    color:var(--muted);
    display:block;
    margin-top:8px
}
.model-note{
    font-size:14px;
    color:var(--muted);
    margin:30px 0 0;
    max-width:720px
}
.practice-grid{
    grid-template-columns:repeat(4,1fr);
    gap:32px
}
.practice-grid h3{
    font-size:21px
}
.philosophy-line{
    margin-bottom:0!important
}
.header nav a{
    min-height:44px;
    display:inline-flex;
    align-items:center
}
.host h2{
    overflow-wrap:break-word
}
 @media(min-width:1600px){
    .hero{
        padding-top:90px;
        padding-bottom:90px
    }
}
 @media(max-width:1100px){
    .hero-bottom{
        grid-template-columns:1fr;
        gap:30px
    }
    .hero-bottom .actions{
        justify-content:flex-start
    }
    .practice-grid{
        grid-template-columns:1fr 1fr;
        gap:40px
    }
}
 @media(max-width:600px){
    .header{
        gap:12px
    }
    .header nav{
        gap:24px;
        font-size:14px
    }
    .header nav a{
        min-height:32px
    }
    .operating-stats{
        grid-template-columns:1fr;
        gap:28px
    }
    .operating-stats .stat strong{
        font-size:48px
    }
    .operating-model{
        padding-block:44px
    }
    .practice-grid{
        grid-template-columns:1fr
    }
    .operating-model .kicker{
        margin-bottom:24px
    }
}
 @media(max-width:900px){
    .hero-bottom{
        grid-template-columns:1fr;
        gap:30px
    }
    .hero-bottom .actions{
        justify-content:flex-start
    }
    .section-heading{
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:44px
    }
    .section-heading .kicker{
        margin-bottom:10px
    }
    .columns{
        gap:28px
    }
    .profile-feature{
        padding:32px;
        gap:32px
    }
    .feature-info p{
        font-size:20px
    }
    .host,.contact{
        gap:40px
    }
    .bio-grid{
        grid-template-columns:1fr;
        gap:24px
    }
    .angle{
        grid-template-columns:35px 1fr;
        gap:24px
    }
    .angle p{
        grid-column:2
    }
    .why-grid{
        grid-template-columns:1fr 1fr
    }
}
 @media(max-width:600px){
    body{
        font-size:16px
    }
    .header{
        padding-block:24px;
        gap:16px
    }
    .brand{
        font-size:17px;
        gap:8px
    }
    .mark{
        width:17px;
        height:21px;
        border-width:5px
    }
    .mark:after{
        width:8px;
        border-width:4px;
        top:4px
    }
    .header nav{
        gap:12px;
        font-size:12px
    }
    .hero,.profile-hero{
        padding-top:46px;
        padding-bottom:48px
    }
    .hero-top .edition{
        display:none
    }
    .kicker{
        font-size:11px;
        margin-bottom:30px
    }
    .hero h1{
        font-size:clamp(49px,10.8vw,67px);
        letter-spacing:-.065em;
        margin-bottom:32px
    }
    .hero-bottom p{
        font-size:16px
    }
    .actions{
        gap:20px
    }
    .button{
        padding:13px 19px
    }
    .columns{
        grid-template-columns:1fr;
        gap:32px
    }
    .columns article{
        padding-top:20px
    }
    .number{
        margin-bottom:18px
    }
    .columns p{
        max-width:none
    }
    .profile-feature{
        grid-template-columns:1fr;
        padding:28px
    }
    .feature-name{
        font-size:68px
    }
    .feature-name span{
        display:inline
    }
    .feature-info p{
        font-size:20px
    }
    .stats{
        grid-template-columns:1fr 1fr;
        gap:28px 20px
    }
    .stat strong{
        font-size:35px
    }
    .dark .statement{
        margin-bottom:44px
    }
    .dark h2{
        font-size:48px;
        letter-spacing:-.055em
    }
    .host,.contact{
        grid-template-columns:1fr;
        gap:32px
    }
    .contact .email{
        margin-top:28px
    }
    .contact-note{
        margin-bottom:0
    }
    .form-grid{
        gap:24px 18px
    }
    .form-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:16px
    }
    .form-bottom p{
        max-width:none
    }
    .footer-top{
        flex-direction:column;
        font-size:14px
    }
    .footer-wordmark{
        margin-block:38px 28px;
        font-size:11.2vw
    }
    .footer-bottom{
        flex-direction:column;
        gap:6px
    }
    .profile-hero h1{
        font-size:clamp(55px,12vw,75px)
    }
    .signals{
        gap:12px 20px
    }
    .profile-stats{
        padding-bottom:52px
    }
    .why-grid,.books{
        grid-template-columns:1fr;
        gap:24px
    }
    .angle{
        gap:14px;
        grid-template-columns:24px 1fr
    }
    .angle h3{
        font-size:26px
    }
    .form-grid>div{
        grid-column:1/-1
    }
    .booking-page,.legal{
        padding-block:52px 72px
    }
    .booking-page .lead{
        font-size:19px
    }
}
 .section-heading.stacked{
    grid-template-columns:1fr;
    gap:22px;
    text-align:left
}
.section-heading.stacked .kicker{
    margin-bottom:0;
    padding-top:0
}
 .media-hero{
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);
    gap:64px;
    align-items:center
}
.media-hero h1{
    font-size:clamp(58px,7.6vw,105px);
    letter-spacing:-.065em
}
.media-hero .profile-deck{
    font-size:clamp(24px,2.7vw,36px)
}
.media-placeholder{
    background:#eae9e3;
    /* border:1px solid #d8d7d0; */
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:12px;
    color:#68675f;
    text-align:center;
    min-width:0
}
.media-placeholder img {
    max-width: 100%;
}
.media-placeholder iframe {
    width: 100%;
    height: 100%;
}
.media-placeholder span{
    font-size:14px;
    letter-spacing:.02em
}
.media-placeholder small{
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#77766e
}
.media-placeholder.square{
    aspect-ratio:1
}
.media-placeholder.portrait{
    aspect-ratio:4/5
}
.media-placeholder.landscape{
    aspect-ratio:16/9
}
.media-placeholder.logo{
    aspect-ratio:2/1
}
.hero-portrait{
    width:100%;
    box-shadow: 5px 5px 0 var(--line)
}
.section-intro{
    max-width:660px;
    font-size:18px;
    color:var(--muted);
    margin:-32px 0 40px
}
.media-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:42px 32px
}
.media-card h3{
    font-size:21px;
    font-weight:500;
    letter-spacing:-.035em;
    line-height:1.25;
    margin:20px 0 8px 0
}
.media-card h4{
    font-size:18px;
    font-weight:500;
    margin:18px 0 6px
}
.media-card>p{
    font-size:15px;
    color:var(--muted);
    margin:0
}
.media-card .media-meta{
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin:22px 0 12px
}
.asset-group{
    margin-top:48px
}
.asset-group>h3,.additional-topics h3{
    font-size:24px;
    font-weight:500;
    letter-spacing:-.03em;
    margin-bottom:24px
}
.asset-group .media-grid{
    align-items:start
}
.producer-bios{
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:48px;
    border-top:1px solid var(--line);
    padding-top:40px;
    margin-top:56px
}
.producer-bios h3{
    font-size:30px;
    letter-spacing:-.035em;
    font-weight:500;
    margin-bottom:12px
}
.producer-bios p{
    font-size:16px;
    color:var(--muted)
}
.producer-bios details{
    border-bottom:1px solid var(--line);
    padding-block:18px
}
.producer-bios details:first-child{
    border-top:1px solid var(--line)
}
.producer-bios summary{
    cursor:pointer;
    font-size:18px;
    padding-block:4px
}
.producer-bios summary:focus-visible{
    outline:2px solid;
    outline-offset:6px
}
.producer-bios details p{
    margin-top:24px;
    line-height:1.6
}
.conversation-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 48px
}
.conversation-card{
    border-top:1px solid var(--line);
    padding-block:28px 36px
}
.conversation-card h3{
    font-size:clamp(25px,2.7vw,38px);
    line-height:1.2;
    letter-spacing:-.04em;
    font-weight:500;
    margin-bottom:20px
}
.conversation-card p{
    color:var(--muted);
    font-size:16px;
    max-width:490px
}
.conversation-card .audience-note{
    font-size:14px;
    margin-bottom:0
}
.media-books .book{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:28px
}
.media-books .cover{
    aspect-ratio: 3/4;
    align-self:start;
    box-shadow: 5px 5px 0 var(--line)
}
.media-books .book h3{
    font-size:26px
}
.media-books .book h4{
    font-size:18px;
    font-weight: normal;
    margin-top: -12px;
    line-height: 1.4;
    color:var(--muted);
}
.media-books .kicker{
    font-size:11px;
    margin-bottom:20px
}
.question-list{
    list-style:none;
    padding:0;
    margin:0;
    counter-reset:questions;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 48px
}
.question-list li{
    counter-increment:questions;
    border-top:1px solid var(--line);
    padding:24px 0;
    display:flex;
    gap:22px;
    font-size:20px;
    letter-spacing:-.02em
}
.question-list li:before{
    content:counter(questions,decimal-leading-zero);
    font-size:12px;
    color:var(--muted);
    padding-top:5px;
    letter-spacing:0
}
.audience-fit li{
    font-size:22px
}
.additional-topics{
    margin-top:48px
}
 @media(max-width:1050px){
    .media-hero{
        gap:36px
    }
    .media-books{
        grid-template-columns:1fr
    }
    .media-books .book{
        grid-template-columns:150px 1fr
    }
}
 @media(max-width:800px){
    .media-hero{
        grid-template-columns:1fr
    }
    .hero-portrait{
        max-width:360px
    }
    .media-grid{
        gap:32px 20px
    }
    .producer-bios{
        grid-template-columns:1fr;
        gap:20px
    }
    .conversation-grid,.question-list{
        gap:0 28px
    }
}
 @media(max-width:600px){
    .media-hero{
        gap:36px
    }
    .media-hero h1{
        font-size:clamp(55px,12vw,75px)
    }
    .hero-portrait{
        max-width:none;
        aspect-ratio:1!important
    }
    .media-grid,.conversation-grid,.question-list{
        grid-template-columns:1fr
    }
    .asset-group .media-placeholder.landscape{
        aspect-ratio:16/9
    }
    .asset-group .media-placeholder.logo{
        aspect-ratio:2/1
    }
    .media-books .book{
        grid-template-columns:100px 1fr;
        gap:20px
    }
    .media-books .book h3{
        font-size:23px
    }
    .media-books .book p{
        font-size:14px
    }
    .media-placeholder span{
        font-size:14px
    }
    .section-intro{
        margin-top:-20px;
        font-size:16px
    }
    .question-list li{
        font-size:18px
    }
    .conversation-card h3{
        font-size:28px;
        text-wrap: balance;
    }
}
 .legal-masthead{
    padding-block:76px 0
}
.legal-masthead h1{
    font-size:clamp(52px,7.8vw,108px);
    margin-bottom:30px
}
.legal-intro{
    font-size:clamp(20px,2.3vw,28px);
    line-height:1.4;
    letter-spacing:-.025em;
    max-width:740px;
    color:var(--muted);
    margin-bottom:48px
}
.legal-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    border-bottom:1px solid var(--line)
}
.legal-meta nav{
    display:flex;
    gap:32px
}
.legal-meta nav a{
    padding-block:18px;
    font-size:14px;
    border-bottom:2px solid transparent
}
.legal-meta nav a[aria-current]{
    border-bottom-color:var(--ink)
}
.legal-meta nav a:hover{
    color:var(--muted)
}
.legal-meta>span{
    font-size:12px;
    color:var(--muted)
}
.legal-document{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,2fr);
    gap:64px;
    padding-block:64px 112px;
    align-items:start
}
.legal-sidebar{
    position:sticky;
    top:32px
}
.legal-sidebar .kicker{
    margin-bottom:22px
}
.legal-sidebar nav{
    display:flex;
    flex-direction:column;
    gap:16px
}
.legal-sidebar nav a{
    font-size:14px;
    display:flex;
    gap:15px;
    align-items:baseline;
    line-height:1.4
}
.legal-sidebar nav a span{
    font-size:11px;
    color:var(--muted)
}
.legal-sidebar nav a:hover{
    text-decoration:underline;
    text-underline-offset:4px
}
.legal-help{
    margin-top:40px;
    font-size:14px;
    line-height:1.8;
    color:var(--muted)
}
.legal-help a{
    border-bottom:1px solid var(--line);
    overflow-wrap:anywhere
}
.legal-section{
    border-top:1px solid var(--line);
    padding-block:32px;
    scroll-margin-top:32px
}
.legal-section:first-child{
    border-top:0;
    padding-top:0
}
.legal-section-heading{
    display:flex;
    align-items:baseline;
    gap:22px;
    margin-bottom:20px
}
.legal-section-heading>span{
    font-size:12px;
    color:var(--muted)
}
.legal-section h2{
    font-size:27px;
    font-weight:500;
    line-height:1.25;
    letter-spacing:-.03em;
    margin:0
}
.legal-content p{
    color:#4f4e49;
    font-size:17px;
    line-height:1.75;
    margin-bottom:0
}
.legal-content a{
    text-decoration:underline;
    text-underline-offset:4px;
    overflow-wrap:anywhere
}
.legal-content p+p{
    margin-top:18px
}
 @media(max-width:900px){
    .legal-document{
        grid-template-columns:minmax(0,1fr) minmax(0,2fr);
        gap:36px
    }
    .legal-sidebar nav a{
        font-size:14px;
        gap:10px
    }
}
 @media(max-width:600px){
    .legal-masthead{
        padding-top:48px
    }
    .legal-intro{
        margin-bottom:32px
    }
    .legal-meta{
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        padding-bottom:20px
    }
    .legal-meta nav{
        gap:24px
    }
    .legal-meta>span{
        padding-top:16px
    }
    .legal-document{
        grid-template-columns:1fr;
        gap:40px;
        padding-block:36px 64px
    }
    .legal-sidebar{
        position:static;
        border-bottom:1px solid var(--line);
        padding-bottom:32px
    }
    .legal-sidebar nav{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px
    }
    .legal-help{
        margin-top:24px;
        margin-bottom:0
    }
    .legal-section h2{
        font-size:24px
    }
    .legal-section-heading{
        gap:16px
    }
    .legal-content p{
        font-size:16px
    }
}
 @media(prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto
    }
    a,button{
        transition:none
    }
}