/*
Theme Name: Rockhitpop Offbeat
Theme URI: https://rockhitpop.com
Author: Rockhitpop
Description: Asymmetric adult fictional companion showcase with 22 original pages.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rockhitpop-offbeat
License: GPL-2.0-or-later
*/
@font-face{font-family:Sora;src:url('assets/fonts/sora.ttf') format('truetype');font-weight:100 800;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--background:#151515;--surface:#202122;--foreground:#F2F2F2;--coral:#E85D3A;--mist:#B7C6CA;--line:#44494A;--paper:#F2F2F2;--ink:#151515;--on-coral:#151515;--soft:#DBE1E2;--shade:rgba(21,21,21,.76)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}img{display:block;width:100%;height:auto;object-fit:cover;object-position:center top}h1,h2,.logo{font-family:Sora,Arial,sans-serif;letter-spacing:0;line-height:1.18;overflow-wrap:anywhere}h1,h2,p{margin-top:0}h2{font-size:38px;font-weight:600;margin-bottom:28px}p{margin-bottom:24px}small{font-size:12px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}header{background:var(--background);border-bottom:1px solid var(--line)}.navrow{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:24px;font-weight:600;display:inline-flex;align-items:center;gap:13px;white-space:nowrap}.mark{background:var(--coral);color:var(--ink);width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;position:relative;font-size:26px}.mark span{font-size:16px;margin-left:-1px;align-self:flex-end}.navrow nav{display:flex;gap:28px;font-size:12px;font-weight:600}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--coral);color:var(--on-coral);font-size:12px;font-weight:800;padding:15px 22px;min-height:53px;border:1px solid transparent}.cta span{font-size:23px;line-height:1}.cta:hover{background:var(--foreground);color:var(--ink);text-decoration:none}.menu{display:none}.hero{position:relative;height:650px;min-height:560px;isolation:isolate}.heroimage{position:absolute;inset:0;height:100%;object-position:center top;z-index:-2}.herotext{padding-top:105px}.eyebrow{font-size:10px;line-height:1.6;display:block;text-transform:uppercase;font-weight:800;color:var(--mist);margin-bottom:24px}.hero .eyebrow{color:var(--foreground)}.hero h1{font-size:66px;max-width:650px;margin-bottom:26px;font-weight:700}.hero h1 span{display:block;font-size:35px;margin-top:10px}.hero p{font-size:17px;max-width:480px;line-height:1.75;margin-bottom:32px}.herobottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--mist);padding-top:20px;font-size:10px;text-transform:uppercase;font-weight:700}.herobottom a{font-size:12px}.section{padding-block:90px;border-bottom:1px solid var(--line)}.asym{display:grid;grid-template-columns:1.3fr 1fr;gap:96px;align-items:start}.asym>div{min-width:0}.intro h2{font-size:43px}.large{font-family:Sora;font-size:25px;line-height:1.5}.textlink{display:inline-flex;gap:22px;align-items:center;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:18px}.section>.wrap>h2{max-width:900px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.character:nth-child(3n+2){padding-top:70px}.character img{aspect-ratio:3/4;transition:filter .25s}.character a:hover img{filter:brightness(1.06)}.cardline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:19px}.cardline h2{font-size:29px;margin:0}.cardline span{font-size:25px;color:var(--coral)}.character p{font-size:12px;margin:9px 0 3px}.character small{font-size:10px;color:var(--mist)}.paper{background:var(--paper);color:var(--ink);border-color:var(--soft)}.paper .eyebrow{color:var(--ink)}.editorial{align-items:center;grid-template-columns:1.2fr 1fr;gap:100px}.editorial img{aspect-ratio:3/4;max-height:680px;object-position:center top}.editorial h2{font-size:43px}.reverse>div:first-child{order:2}.reverse>div:last-child{order:1}.collectionlist{margin-top:40px}.collectionlist>a{display:grid;grid-template-columns:55px 1.2fr 1fr 45px;gap:28px;align-items:center;border-top:1px solid var(--line);padding:30px 0}.collectionlist h2{font-size:26px;margin:0}.collectionlist p{font-size:12px;color:var(--mist);margin:0}.collectionlist>a>span{font-size:11px;color:var(--coral)}.collectionlist b{font-size:32px}.coral{background:var(--coral);color:var(--on-coral);border-color:var(--coral)}.coral .eyebrow{color:var(--ink)}.coral .cta{background:var(--ink);color:var(--foreground)}.coral .textlink{margin-left:32px}.coral blockquote{max-width:930px}blockquote{font-family:Sora;font-size:38px;line-height:1.45;margin:0 0 26px;max-width:940px}.prose{max-width:820px}.prose p{line-height:1.95}.articlegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.articlegrid article{border-top:1px solid var(--line);padding-top:25px}.articlegrid article:nth-child(2){margin-top:38px}.articlegrid h2{font-size:24px;line-height:1.4;margin:20px 0}.articlegrid p{font-size:13px;color:var(--mist)}.articlegrid small{font-size:10px;color:var(--coral)}.mutedband{background:var(--mist);color:var(--ink);border-color:var(--mist)}.mutedband .eyebrow{color:var(--ink)}.faq{max-width:880px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:28px;align-items:center;font-family:Sora;font-size:20px;line-height:1.45;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--coral);font-size:29px}.faq p{font-size:14px;margin:22px 35px 0 0;color:var(--mist)}.faq details[open] summary span{transform:rotate(45deg)}footer{background:var(--surface);padding-block:72px 25px}.footgrid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:45px}.footgrid h2{font-size:12px;margin:8px 0 26px}.footgrid .textlink{display:flex;width:max-content;font-weight:400;font-size:11px;margin:0 0 12px;border:0;padding:0;gap:10px}.footgrid .textlink span{display:none}.footgrid p{font-size:14px;margin:25px 0}.footgrid small{color:var(--mist);font-size:10px}.footbottom{display:flex;justify-content:space-between;gap:24px;font-size:10px;margin-top:55px;padding-top:24px;border-top:1px solid var(--line);color:var(--mist)}.disclaimer{font-size:10px;color:var(--mist);margin-top:20px}.pageintro{padding-block:70px 95px}.pageintro h1{font-size:54px;max-width:950px;margin-bottom:28px}.pageintro>p{font-size:19px;max-width:680px;color:var(--mist);margin-bottom:50px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.filters button{padding:10px 22px;background:transparent;border:1px solid var(--line);color:var(--foreground);font-size:12px}.filters button.active{background:var(--coral);color:var(--ink);border-color:var(--coral)}[hidden]{display:none!important}.profile{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding-block:65px}.profilephoto img{aspect-ratio:3/4;object-position:center top}.profiletext .textlink{margin-top:0;margin-bottom:32px;font-size:10px}.profiletext .eyebrow{margin-bottom:15px}.profiletext h1{font-size:49px;margin-bottom:25px}.profiletext .large{font-size:26px}.profiletext>p:not(.large){font-size:14px}.traits{border-top:1px solid var(--line);padding-top:20px;font-size:11px!important;color:var(--mist)}.note{display:block;font-size:9px;color:var(--mist);margin-top:15px}.profile+.section .prose{max-width:780px}.collectionfeatures article{padding-block:45px;border-top:1px solid var(--line)}.collectionfeatures article:nth-child(2){grid-template-columns:1fr 1.2fr}.collectionfeatures article:nth-child(2)>a{order:2}.collectionfeatures article img{max-height:600px;aspect-ratio:3/4}.reading{width:min(810px,calc(100% - 80px));padding-block:70px 90px}.reading h1{font-size:45px;line-height:1.3;margin-bottom:30px}.standfirst{font-family:Sora;font-size:24px;line-height:1.6;color:var(--mist)}.readingimage{margin:42px 0 55px}.readingimage img{height:600px;object-position:center top}.reading section{margin-block:38px}.reading h2{font-size:26px;margin-bottom:20px}.reading p{line-height:1.95}.editorialnote{font-size:12px;color:var(--mist);border-top:1px solid var(--line);padding-top:25px}.legal section{border-top:1px solid var(--line);padding-top:30px}.missing{min-height:520px}body.nav-open nav{display:flex}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.navrow{gap:18px}.logo{font-size:20px}.navrow nav{gap:17px}.hero h1{font-size:57px}.asym,.editorial,.profile{gap:44px}.intro h2,.editorial h2{font-size:35px}.footgrid{gap:25px}.profiletext h1{font-size:39px}.hero{height:620px}.collectionlist>a{grid-template-columns:35px 1.2fr 1fr 30px;gap:18px}}
@media(max-width:700px){body{font-size:14px}.wrap,.reading{width:calc(100% - 36px)}.navrow{min-height:76px;flex-wrap:wrap;gap:12px}.logo{font-size:20px}.mark{width:32px;height:32px;font-size:23px}.navrow>.cta{display:none}.menu{display:block;background:transparent;border:0;color:var(--foreground);font-size:25px;padding:8px}.navrow nav{display:none;width:100%;flex-direction:column;padding-bottom:22px;font-size:14px;gap:16px}.hero{height:590px;min-height:0;background:var(--background)}.heroimage{height:340px;object-position:78% top}.hero:after{content:"";position:absolute;inset:205px 0 0;background:linear-gradient(transparent,var(--background) 125px);z-index:-1}.herotext{padding-top:285px}.hero .eyebrow{font-size:8px;margin-bottom:12px}.hero h1{font-size:34px;margin-bottom:12px}.hero h1 span{font-size:22px;margin-top:5px}.hero p{font-size:13px;margin-bottom:17px;line-height:1.65}.hero .cta{font-size:10px;min-height:45px;padding:10px 16px}.herobottom{bottom:16px;padding-top:12px;font-size:7px;gap:16px}.herobottom a{font-size:9px}.section{padding-block:50px}.asym,.editorial,.profile{grid-template-columns:1fr;gap:30px}.intro h2,.editorial h2{font-size:31px}h2{font-size:29px}.eyebrow{font-size:9px;margin-bottom:18px}.large{font-size:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.character:nth-child(3n+2){padding-top:0}.character:nth-child(even){padding-top:35px}.cardline h2{font-size:23px}.cardline span{font-size:21px}.character p{font-size:10px;line-height:1.6}.character small{font-size:8px;display:block;line-height:1.65}.reverse>div:first-child,.reverse>div:last-child{order:initial}.editorial img{max-height:none}.collectionlist>a{grid-template-columns:25px 1fr 25px;gap:14px;padding-block:22px}.collectionlist h2{font-size:22px}.collectionlist p{grid-column:2;font-size:11px}.collectionlist b{grid-column:3;grid-row:1;font-size:26px}blockquote{font-size:26px;line-height:1.5}.articlegrid{grid-template-columns:1fr;gap:28px}.articlegrid article:nth-child(2){margin-top:0}.articlegrid h2{font-size:23px}.coral .textlink{display:table;margin-left:0;margin-top:25px}summary{font-size:17px}.faq p{font-size:13px;margin-right:0}.footgrid{grid-template-columns:1fr 1fr;gap:30px 20px}.footgrid>div:first-child{grid-column:1/-1}.footbottom{flex-direction:column;gap:8px}.pageintro{padding-block:40px 60px}.pageintro h1{font-size:34px}.pageintro>p{font-size:16px;margin-bottom:30px}.profile{padding-block:30px 45px}.profiletext h1{font-size:36px}.profiletext .large{font-size:24px}.profiletext>p:not(.large){font-size:13px}.collectionfeatures article:nth-child(2){grid-template-columns:1fr}.collectionfeatures article:nth-child(2)>a{order:initial}.reading{padding-block:45px 60px}.reading h1{font-size:32px}.standfirst{font-size:20px}.reading h2{font-size:24px}.readingimage img{height:auto;aspect-ratio:3/4}.reading p{font-size:14px}.missing{min-height:430px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}