@charset "UTF-8";
/*
Theme Name: Reel Beats
Description: A minimal lavender-and-plum landing page with original rounded lettering.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: reel-beats
*/
:root { color-scheme:light; --paper:#e9e5ee; --ink:#352d40; --muted:#61596a; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; }
::selection { background:#352d40; color:#e9e5ee; }
.landing { min-height:100svh; display:flex; flex-direction:column; padding:30px 5vw; overflow:hidden; }


.identity { flex:1; display:flex; align-items:center; justify-content:center; padding:90px 0 120px; min-height:500px; }
h1 { width:min(100%, 1390px); margin:0; font-weight:400; }

.wordmark { display:block; width:100%; height:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }



@media (min-width:1800px) { .landing { padding-left:max(5vw, calc((100vw - 1600px) / 2)); padding-right:max(5vw, calc((100vw - 1600px) / 2)); } }
@media (max-width:760px) {
 .landing { padding:25px 6vw; }

 .identity { min-height:490px; padding:75px 0 95px; }




}
@media (max-width:360px) { .identity { min-height:440px; } }

.custom-logo-link { display:block; line-height:0; }
.custom-logo-link img { display:block; width:30px; max-height:40px; height:auto; object-fit:contain; }
.document { width:min(90%, 900px); margin:70px auto; line-height:1.7; }
.document h1 { width:auto; font-size:clamp(32px, 6vw, 62px); font-weight:500; line-height:1.1; margin-bottom:30px; letter-spacing:-.04em; }
.document a { color:var(--ink); }
.document img { max-width:100%; height:auto; }
.document .return-link { display:inline-block; margin-bottom:40px; }
@media (max-width:760px) { .custom-logo-link img { width:27px; max-height:36px; } }