*{box-sizing:border-box}body{margin:0;background:#fff9ef;color:#19364d;font:19px/1.7 system-ui,sans-serif}header,main{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:inherit}h1{font-size:clamp(28px,5vw,46px);line-height:1.2}h2{font-size:28px;line-height:1.3;margin-top:0}section{padding:28px;background:#f4ecdc;margin:28px 0;border-radius:24px;border-top:5px solid #b34a31}section:nth-child(even){background:#19364d;color:#fff9ef}.audio{background:#f4ce79;color:#19364d;padding:18px;border-radius:16px}audio{display:block;width:100%;margin-top:12px}p{white-space:pre-line}main{padding-bottom:140px}footer{position:fixed;bottom:0;width:100%;display:flex;gap:12px;justify-content:center;background:#fff9ef;padding:12px}footer a{background:#19364d;color:white;border-radius:16px;padding:14px;text-decoration:none;font-weight:700}footer a+a{background:#286149}@media(max-width:600px){header,main{padding:16px}main{padding-bottom:150px}section{padding:20px}footer a{font-size:15px}}
.portrait{display:grid;grid-template-columns:minmax(160px,320px) 1fr;gap:26px;align-items:center;margin:24px 0 36px;background:#19364d;color:#fff9ef;border-radius:24px;overflow:hidden}.portrait img{width:100%;height:auto;display:block}.portrait div{padding:20px}.portrait strong{display:block;font-size:26px}.portrait span{color:#f4ce79}.section-image{width:100%;max-height:320px;object-fit:cover;border-radius:16px;margin-bottom:24px}.film video{width:100%;border-radius:16px;background:#19364d}.small{font-size:15px}.price-grid{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.price-grid div{flex:1;background:#f4ce79;color:#19364d;padding:16px;border-radius:12px;min-width:100px}.price-grid strong{font-size:28px;display:block}.legal{font-size:15px;margin:32px 0;display:flex;gap:16px;flex-wrap:wrap}section{background-image:url('../assets/motif-dambe.svg');background-size:150px;background-repeat:no-repeat;background-position:right bottom}details summary{cursor:pointer;font-weight:700}@media(max-width:600px){.portrait{grid-template-columns:1fr;gap:0}.portrait img{max-height:460px;object-fit:cover}.portrait div{padding:22px}.section-image{max-height:240px}}

header nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid #b99145;border-radius:24px;text-decoration:none;font-weight:650}header nav a[aria-current=page]{background:#19364d;color:#fff9ef}a:focus-visible,summary:focus-visible{outline:3px solid #b34a31;outline-offset:4px}.portrait{min-width:0}.portrait div{min-width:0;overflow-wrap:anywhere}.clip-language-anchor{scroll-margin-top:20px}

/* Keep the narrated film close to the welcome on mobile. */
@media(max-width:600px){.portrait{grid-template-columns:92px minmax(0,1fr);margin:12px 0 20px;border-radius:14px;gap:0}.portrait img{height:104px;object-fit:cover;object-position:50% 22%}.portrait div{padding:12px}.portrait strong{font-size:16px;line-height:1.4}.portrait span{font-size:13px}}

.written-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}
.written-shortcuts a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 16px;color:#19364d;background:#f4ecdc;border:1px solid #cbb58e;border-radius:12px;font-size:17px;font-weight:650;text-decoration:none;line-height:1.4}
.written-shortcuts a:hover{background:#f4ce79}
section[id]{scroll-margin-top:20px}