@charset "UTF-8";
/*
Theme Name: Hyperphonic Records
Description: An orange editorial landing page with bespoke racing-inspired lettering.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hyperphonic-records
*/
:root { color-scheme:light; --ground:#ff6400; --pink:#ff3c87; --acid:#eaff42; --ink:#102327; }
* { box-sizing:border-box; }
html { background:var(--ground); }
body { margin:0; color:var(--ink); font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; }
::selection { background:var(--acid); color:var(--ink); }
.poster { min-height:100svh; display:flex; flex-direction:column; overflow:hidden; }
.main-field { flex:1; display:flex; flex-direction:column; min-height:640px; padding:30px 3.8vw 25px; }
.masthead { display:flex; justify-content:space-between; align-items:center; }
.mark { display:block; width:51px; height:auto; }
.masthead-name { font-size:11px; line-height:1.3; font-weight:600; letter-spacing:-.01em; }
.identity { flex:1; display:flex; flex-direction:column; justify-content:center; padding:90px 0 85px; }
h1 { margin:0 -.2vw; 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; }
.identity-foot { display:flex; justify-content:space-between; align-items:flex-start; padding:26px 1.7% 0 2%; }
.records { font-size:12px; letter-spacing:.22em; font-weight:700; text-transform:uppercase; }




.lower-rule { display:flex; justify-content:space-between; gap:14px; height:7px; }
.lower-rule span:first-child { width:53px; background:var(--ink); transform:skewX(-24deg); }
.lower-rule span:last-child { width:100px; border-top:1px solid var(--ink); align-self:center; }
.pink-field { background:var(--pink); min-height:108px; padding:25px 3.8vw; display:flex; align-items:center; justify-content:space-between; }
.domain { font-size:12px; font-weight:600; letter-spacing:.01em; }
.footer-sign { display:block; width:35px; height:auto; }
@media (min-width:1800px) { .main-field,.pink-field { padding-left:max(3.8vw, calc((100vw - 1700px) / 2)); padding-right:max(3.8vw, calc((100vw - 1700px) / 2)); } }
@media (max-width:760px) {
 .main-field { min-height:630px; padding:25px 5vw 25px; }
 .mark { width:43px; }
 .masthead-name { font-size:10px; }
 .identity { padding:70px 0 55px; }
 h1 { margin:0 -6vw 0 -3vw; }
 .identity-foot { padding:32px 1% 0 3%; }
 .records { font-size:10px; letter-spacing:.16em; }
 
 
 
 .pink-field { min-height:105px; padding:22px 5vw; }
 .domain { font-size:10px; }
 .footer-sign { width:32px; }
 .lower-rule span:last-child { width:60px; }
}
@media (max-width:360px) { .main-field { min-height:580px; } .identity { padding:65px 0 40px; }  }
@media (min-width:761px) and (max-height:780px) { .main-field { min-height:570px; } .identity { padding:60px 0; } .pink-field { min-height:85px; } }

/* Native WordPress wrappers retain the static design. */
.custom-logo-link { display:block; line-height:0; }
.custom-logo-link img { display:block; width:51px; height:auto; max-height:60px; object-fit:contain; }
.document { width:min(90%, 900px); margin:70px auto; line-height:1.65; }
.document h1 { font-weight:700; line-height:1.1; margin-bottom:30px; }
.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:43px; max-height:50px; } }

.home-copy { max-width:32ch; font-size:12px; line-height:1.5; }
.home-copy p { margin:0; }