/*
Theme Name: Hilipop
Theme URI: https://qiloh.com
Author: Hilipop
Description: Independent fictional adult companion showcase with dark and light modes.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: hilipop
*/
@font-face{font-family:Outfit;src:url('assets/fonts/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Figtree;src:url('assets/fonts/figtree.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#151615;--fg:#f3f4ee;--surface:#20221f;--muted:#b1b5aa;--line:#3c4036;--accent:#d9ed78;--accent-ink:#202714;--photo-text:#fff;--photo-shade:rgba(0,0,0,.7);--focus:#ed8cad;--radius:4px}
:root[data-theme=light]{color-scheme:light;--bg:#f4f5f1;--fg:#20231e;--surface:#e8ebe2;--muted:#59614f;--line:#cad0bf;--accent:#394f1c;--accent-ink:#fff;--focus:#942e57}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Figtree,Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,.logo{font-family:Outfit,Arial,sans-serif;line-height:1.1;letter-spacing:0;font-weight:500}h1{font-size:64px;margin:20px 0 28px;overflow-wrap:anywhere}h2{font-size:36px;margin:0 0 22px}p{margin:0 0 22px}small{font-size:14px}.wrap{max-width:1400px;margin:auto;padding:76px 52px}.lead{font-size:23px;line-height:1.5;max-width:650px}.eyebrow{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:0;display:block;color:var(--muted);margin-bottom:16px}.muted,.disclaimer{color:var(--muted);font-size:14px}.dot{color:var(--accent)}header{border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--bg)}.navrow{padding-top:22px;padding-bottom:22px;display:flex;align-items:center;gap:44px}.logo{font-size:27px;display:flex;align-items:center;gap:12px}.mark{background:var(--accent);color:var(--accent-ink);padding:2px 9px;font-size:24px;border-radius:var(--radius)}.mark span{font-size:15px}.navrow nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.navrow nav a:hover{color:var(--accent)}.navtools{display:flex;gap:12px}.iconbutton{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%}.iconbutton:hover{background:var(--surface)}.moon{display:none}[data-theme=light] .moon{display:block}[data-theme=light] .sun{display:none}.menu{display:none}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--accent);color:var(--accent-ink);padding:15px 22px;font-size:15px;font-weight:650;border-radius:var(--radius);line-height:1.4}.cta span{font-size:21px}.cta:hover{filter:brightness(.94)}.home-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;padding-top:64px;padding-bottom:46px;gap:40px}.home-intro h1{font-size:104px;margin:0}.home-intro .lead{font-size:27px;margin-bottom:24px}.hero-portraits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px}.hero-portraits a{position:relative;overflow:hidden}.hero-portraits img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;transition:transform .5s}.hero-portraits a:hover img{transform:scale(1.025)}.hero-portraits a>span{position:absolute;bottom:0;padding:50px 24px 20px;width:100%;display:flex;justify-content:space-between;background:linear-gradient(transparent,var(--photo-shade));color:var(--photo-text);font-size:22px;font-family:Outfit}.compact-band{padding-top:24px;padding-bottom:24px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:13px}.compact-band a{color:var(--accent)}.editorial-block{display:grid;grid-template-columns:1fr 2fr;gap:64px}.editorial-block h2{font-size:46px;margin-bottom:36px}.editorial-block p{max-width:780px;font-size:19px}.band{background:var(--surface)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.section-heading h2{margin:0}.section-heading>a{font-size:14px;color:var(--accent)}.portrait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.portrait-grid:has(.portrait:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.portrait{min-width:0}.portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;border-radius:var(--radius)}.portrait-caption{padding:20px 0}.portrait-caption>span{font-size:12px;color:var(--muted)}.portrait-caption h2{font-size:30px;margin:8px 0 12px;display:flex;justify-content:space-between}.portrait-caption h2 span{color:var(--accent);font-size:22px}.portrait-caption p{font-size:15px;color:var(--muted);line-height:1.55}.portrait:hover h2{color:var(--accent)}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}.world{padding:32px 0;border-top:1px solid var(--line);position:relative;min-width:0}.world h2{font-size:30px}.world p{color:var(--muted);max-width:480px;padding-right:25px}.world .arrow{color:var(--accent);font-size:28px}.world:hover h2{color:var(--accent)}.numbered{display:grid;grid-template-columns:100px 1fr 1fr;gap:38px;border-top:1px solid var(--line);padding-top:36px;padding-bottom:36px}.numbered>span{font-size:26px;color:var(--accent);font-family:Outfit}.numbered h2{font-size:27px}.numbered p{margin:0;color:var(--muted)}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.journal-item{border-top:1px solid var(--line);padding:28px 0;min-width:0}.journal-item h2{font-size:27px;line-height:1.25}.journal-item p{color:var(--muted);font-size:16px}.journal-item>span:last-child{font-size:26px;color:var(--accent)}.journal-item:hover h2{color:var(--accent)}.reading{max-width:960px}.reading section{padding:28px 0;border-top:1px solid var(--line)}.reading h1{font-size:52px;line-height:1.14}.reading h2{font-size:28px}.reading p{font-size:18px;line-height:1.8}.reading .lead{font-size:23px}.back{display:block;color:var(--muted);font-size:14px;margin-bottom:32px}.note{background:var(--surface);padding:28px;margin:32px 0;border-left:3px solid var(--accent)}details{border-top:1px solid var(--line);padding:22px 0}summary{font-size:19px;font-weight:550;cursor:pointer;list-style:none;padding-right:40px;position:relative}summary:after{content:'+';position:absolute;right:3px;color:var(--accent)}details[open] summary:after{content:'−'}details p{margin:20px 0 0;color:var(--muted)}.closing{text-align:center;padding-top:88px;padding-bottom:96px}.closing h2{font-size:54px}.closing p{margin:20px 0 0}.page-intro{padding-bottom:46px;max-width:1400px}.page-intro h1{max-width:1050px}.filters{display:flex;gap:8px;margin-bottom:32px}.filters button{border:1px solid var(--line);background:transparent;border-radius:var(--radius);padding:8px 22px;font-size:14px}.filters button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}[hidden]{display:none!important}.profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:68px;align-items:start}.profile-photo{position:sticky;top:28px}.profile-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;border-radius:var(--radius)}.profile h1{font-size:68px}.profile article{min-width:0}.profile article section{padding-top:26px;border-top:1px solid var(--line);margin-top:30px}.profile h2{font-size:28px}.profile .muted{margin-top:18px}.textlink{display:block;color:var(--accent);padding:20px 0;border-top:1px solid var(--line);font-size:16px}.scene-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;padding-top:0}.scene-layout img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%}.scene-layout section{padding:24px 0;border-top:1px solid var(--line)}.scene-layout h2{font-size:27px}.legal h2{font-size:24px}.legal section p{font-size:16px}footer{border-top:1px solid var(--line);background:var(--surface)}.footer-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:52px}.footer-top .logo{font-size:54px}.footer-top p{font-family:Outfit;font-size:27px;line-height:1.3}.footgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:50px}.footgrid h2{font-size:16px;color:var(--fg)}.footgrid a{display:block;color:var(--muted);font-size:14px;margin:12px 0}.footgrid a:hover{color:var(--accent)}.footbottom{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;flex-wrap:wrap}
@media(min-width:1600px){.hero-portraits{max-width:1700px;margin:auto}.hero-portraits img{max-height:490px}.home-intro{padding-top:52px}}
@media(max-width:1050px){.wrap{padding:52px 30px}.navrow{padding-top:18px;padding-bottom:18px;gap:22px}.navrow nav{gap:20px}.home-intro h1{font-size:82px}.home-intro .lead{font-size:23px}.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile{gap:36px}.profile h1{font-size:54px}.editorial-block{gap:30px}.editorial-block h2{font-size:38px}.numbered{grid-template-columns:50px 1fr 1.2fr;gap:22px}}
@media(max-width:700px){body{font-size:16px}.wrap{padding:42px 22px}.navrow{padding:16px 22px}.logo{font-size:24px}.navtools{margin-left:auto}.menu{display:grid}.navrow nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:24px;flex-direction:column;border-bottom:1px solid var(--line);margin:0}.nav-open .navrow nav{display:flex}.home-intro{display:block;padding-top:36px;padding-bottom:30px}.home-intro h1{font-size:72px;margin-bottom:20px}.home-intro .eyebrow{font-size:10px}.home-intro .lead{font-size:21px;margin-bottom:20px}.hero-portraits{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 6px}.hero-portraits a:nth-child(n+3){display:none}.hero-portraits img{aspect-ratio:3/4;object-position:center 20%}.hero-portraits a>span{font-size:17px;padding:40px 12px 12px}.compact-band{padding:18px 22px;flex-wrap:wrap;gap:8px;font-size:11px}.compact-band>span:nth-child(2){display:none}.compact-band a{margin-left:auto}.editorial-block{display:block}.editorial-block h2{font-size:34px}.editorial-block p{font-size:17px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:18px}h1{font-size:42px}h2{font-size:31px}.portrait-grid,.portrait-grid:has(.portrait:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portrait-caption{padding:14px 0}.portrait-caption h2{font-size:23px}.portrait-caption p{font-size:13px}.portrait-caption>span{font-size:10px}.world-grid,.journal-grid{grid-template-columns:1fr}.world h2{font-size:27px}.numbered{grid-template-columns:32px 1fr;gap:14px;padding-top:25px;padding-bottom:25px}.numbered h2{font-size:24px;margin-bottom:10px}.numbered p{grid-column:2}.reading h1{font-size:36px}.reading p{font-size:17px}.reading .lead,.lead{font-size:20px}.reading h2{font-size:26px}.closing h2{font-size:37px}.profile{display:flex;flex-direction:column;gap:32px}.profile-photo{position:static;width:100%}.profile-photo img{max-height:580px;aspect-ratio:3/4}.profile h1{font-size:46px}.scene-layout{grid-template-columns:1fr;gap:32px}.scene-layout img{max-height:520px}.footer-top{display:block}.footer-top .logo{font-size:40px;margin-bottom:24px}.footer-top p{font-size:24px}.footgrid{grid-template-columns:1fr 1fr;gap:28px}.footbottom{display:block}.footbottom>span{display:block;margin-bottom:10px}.filters button{padding:8px 18px}.iconbutton{width:38px;height:38px}.cta{max-width:100%;gap:18px}.page-intro h1{font-size:40px}.legal h2{font-size:23px}.note{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
