@font-face{font-family:'Gallery Tangerine';src:url('/assets/type-studies/Tangerine-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.narrative-home .opening-copy{container-type:inline-size;padding:30px 5% 30px 0}
.narrative-home .opening-copy #opening-title{font-family:'Gallery Tangerine',cursive;font-size:clamp(74px,24cqi,158px);font-weight:400;font-style:normal;line-height:1.12;letter-spacing:0;margin:34px 0 30px;text-wrap:nowrap;overflow:visible}
.narrative-home #opening-title .opening-script-name{display:block;white-space:nowrap}
.narrative-home #opening-title .opening-script-subtitle{display:block;font-family:inherit;font-size:.62em;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;margin:0 0 0 8%;white-space:nowrap}
.narrative-home .opening-copy>.opening-number{font-size:17px;line-height:1.5}
.narrative-home .opening-copy>p{font-size:clamp(16px,1.6vw,22px);line-height:1.8;letter-spacing:.015em;text-wrap:balance;margin-top:0}
@media(max-width:700px){.narrative-home .opening-copy{padding:12px 0 6px}.narrative-home .opening-copy #opening-title{font-size:clamp(74px,25cqi,150px);margin:22px 0 25px;line-height:1.12}.narrative-home .opening-copy>.opening-number{font-size:15px}.narrative-home .opening-copy>p{font-size:17px}.narrative-home #opening-title .opening-script-subtitle{margin-left:9%}}

@media(min-width:1000px){
.narrative-home .opening-copy #opening-title{display:flex;align-items:baseline;gap:.2em;font-size:clamp(46px,12cqi,112px);margin:40px 0 32px;line-height:1.35}
.narrative-home #opening-title .opening-script-name,.narrative-home #opening-title .opening-script-subtitle{display:inline;font-size:1em;line-height:inherit;margin:0;flex:none}
}