/*
Theme Name: Valyria Untold
Theme URI: https://valyriauntold.com
Author: Valyria Untold
Description: Editorial magazine theme for Valyria Untold with integrated Adsterra placements.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: valyria-untold
*/
:root{--ink:#191a18;--paper:#f4f0e8;--cream:#fffaf1;--coral:#ef593f;--muted:#6d6b65;--line:#d8d2c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.siteHeader{height:88px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700;letter-spacing:.08em}.brand b{color:var(--coral)}.brandMark{width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;font-style:italic}.siteHeader nav{display:flex;gap:32px;font-size:13px;font-weight:600}.siteHeader nav a:hover{color:var(--coral)}.hero{min-height:670px;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;padding:70px max(5vw,24px)}.heroCopy{display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1,.story h1{font:700 clamp(58px,7vw,110px)/.88 Georgia,serif;letter-spacing:-.055em;margin:24px 0 28px}.heroCopy>p{font:18px/1.7 Georgia,serif;max-width:570px;color:#484843}.primaryButton{margin-top:34px;background:var(--ink);color:white;width:max-content;padding:17px 21px;display:flex;gap:34px;font-size:13px;font-weight:700}.primaryButton:hover{background:var(--coral)}.featureVisual{position:relative;min-height:520px;overflow:hidden}.featureVisual>img{height:100%;filter:saturate(.72)}.featureCaption{position:absolute;left:0;right:0;bottom:0;padding:80px 30px 28px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;flex-direction:column;gap:9px}.featureCaption span,.meta{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.featureCaption strong{font:600 27px/1.15 Georgia,serif;max-width:530px}.latest{padding:50px max(5vw,24px) 110px;border-top:1px solid var(--line)}.sectionHeading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.sectionHeading h2,.newsletter h2{font:600 clamp(40px,5vw,68px)/1 Georgia,serif;margin:12px 0 0;letter-spacing:-.04em}.sectionHeading p{color:var(--muted);font-size:13px}.articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{background:var(--cream);position:relative}.card:first-child{grid-column:span 2}.cardImage{height:270px;display:block;overflow:hidden}.card:first-child .cardImage{height:360px}.cardImage img{height:100%;transition:.5s transform}.card:hover img{transform:scale(1.03)}.cardBody{padding:26px 28px 30px}.meta{color:var(--coral)}.card h2,.card h3{font:600 29px/1.12 Georgia,serif;margin:14px 0}.card p{font-size:14px;line-height:1.65;color:var(--muted)}.textLink{font-size:12px;font-weight:800;display:flex;justify-content:space-between;margin-top:25px}.cardNumber{position:absolute;right:18px;top:18px;background:var(--paper);width:35px;height:35px;display:grid;place-items:center;font:italic 14px Georgia,serif}.allStories{display:flex;justify-content:space-between;align-items:center;max-width:290px;margin:55px auto 0;padding:16px 20px;background:var(--ink);color:white;font-size:12px;font-weight:800}.newsletter{background:var(--coral);color:#171717;text-align:center;padding:90px 24px}.newsletter .eyebrow{color:white}.newsletter p{font:17px Georgia,serif}.newsletter form{display:flex;max-width:480px;margin:35px auto 0}.newsletter input{flex:1;border:0;padding:17px 18px;font-size:14px}.newsletter button{border:0;background:var(--ink);color:white;padding:0 24px;font-weight:700}.siteFooter{background:var(--ink);color:white;padding:60px max(5vw,24px) 32px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.footerBrand .brandMark{border-color:white}.siteFooter p{color:#a8a8a1}.siteFooter>div{display:flex;justify-content:flex-end;gap:28px;font-size:13px}.siteFooter small{grid-column:1/-1;padding-top:25px;border-top:1px solid #363734;color:#8e8f89}.backLink{font-size:13px;font-weight:700}.storyHead{max-width:980px;margin:85px auto 55px;padding:0 24px;text-align:center}.story h1{font-size:clamp(50px,7vw,95px)}.dek{font:20px/1.55 Georgia,serif;color:var(--muted);max-width:720px;margin:0 auto}.byline{display:flex;justify-content:center;gap:20px;margin-top:30px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.storyHero{height:min(65vw,720px);max-width:1300px;margin:auto}.storyLayout{max-width:1060px;margin:70px auto 110px;padding:0 24px;display:grid;grid-template-columns:minmax(0,700px) 260px;gap:80px}.storyBody p,.storyBody li{font:18px/1.85 Georgia,serif;color:#3f403d}.storyBody .lead{font-size:23px;color:var(--ink)}.storyBody h2,.storyBody h3{font:600 36px/1.15 Georgia,serif;margin:52px 0 12px}.storyBody h2:before,.storyBody h3:before{content:"";display:block;width:45px;border-top:3px solid var(--coral);margin-bottom:18px}.storyBody img{max-height:700px;object-fit:contain;margin:35px auto}.asideNote{border-top:2px solid var(--ink);margin-top:35px;padding-top:18px;font-size:13px}.asideNote p{line-height:1.5;color:var(--muted)}.related{border-top:1px solid var(--line);padding:75px max(5vw,24px) 100px}.related>h2{font:600 46px Georgia,serif;margin:12px 0 35px}.relatedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.relatedGrid img{height:190px;margin-bottom:15px}.relatedGrid b{font:600 21px/1.2 Georgia,serif}.archiveHead{max-width:880px;padding:90px max(5vw,24px) 65px}.archiveHead h1,.legal h1{font:650 clamp(48px,7vw,105px)/.92 Georgia,serif;letter-spacing:-.055em;margin:22px 0}.archiveHead p{font:19px/1.65 Georgia,serif;color:var(--muted);max-width:670px}.archiveGrid{padding:0 max(5vw,24px) 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.archiveCard{background:var(--cream)}.archiveCard .cardImage{height:230px}.legal{max-width:760px;margin:90px auto;padding:0 24px}.legal h2{font:600 30px Georgia,serif;margin:45px 0 10px}.legal p{font:18px/1.8 Georgia,serif;color:#454640}.pagination{padding:0 max(5vw,24px) 80px;display:flex;justify-content:center;gap:20px;font-weight:700}.adsterraPlacement{min-height:180px;margin:55px 0 10px;padding-top:18px;border-top:1px solid var(--line)}.adDisclosure{display:block;margin-bottom:12px;color:#8b877f;font-size:9px;letter-spacing:.18em;text-align:center;text-transform:uppercase}.adsterraUnit{display:block;margin:0 auto;max-width:100%;overflow:hidden}.responsiveAd{display:grid;place-items:center;min-height:90px}.desktopAd{display:block}.mobileAd{display:none}.nativeAd{width:100%;min-height:250px}.sidebarAd{width:300px;min-height:250px}.sidebarAds .adsterraPlacement{min-height:250px;margin:0;padding-top:12px;position:sticky;top:30px}.headerAds{max-width:1180px;margin:0 auto 80px;padding:0 24px}.headerAds .adsterraPlacement{min-height:145px;margin:0;padding-top:18px}.storyTopAd{max-width:1180px;margin:25px auto 55px;padding:0 24px}.storyTopAd .adsterraPlacement{margin:0}.midPageAd{max-width:420px;margin:55px auto 0}.archiveNativeAd{max-width:900px;margin:0 auto 55px;padding:0 24px}.menuToggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}.menuToggle>span:not(.srOnly){display:block;width:24px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}.mobileMenuLink{display:none}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.menuToggle{display:flex}.menuToggle.isOpen>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menuToggle.isOpen>span:nth-child(2){opacity:0}.menuToggle.isOpen>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.siteHeader nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:22px max(5vw,24px);flex-direction:column;align-items:flex-start;gap:20px;box-shadow:0 15px 30px rgba(25,26,24,.1)}.siteHeader nav.isOpen{display:flex}.mobileMenuLink{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{font-size:64px}.featureVisual{min-height:430px}.articleGrid,.archiveGrid{grid-template-columns:1fr 1fr}.card:first-child{grid-column:span 2}.storyLayout{grid-template-columns:1fr}.storyLayout aside{display:block}.sidebarAds .adsterraPlacement{position:static}.relatedGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.desktopAd{display:none}.mobileAd{display:block}.responsiveAd{min-height:50px}}
@media(max-width:560px){.siteHeader{height:74px}.brand{font-size:11px}.brandMark{width:31px;height:31px}.hero{padding:38px 18px 55px;gap:40px;min-height:0}.hero h1{font-size:53px}.heroCopy>p{font-size:16px}.featureVisual{min-height:390px}.articleGrid,.archiveGrid,.relatedGrid{grid-template-columns:1fr}.card:first-child{grid-column:auto}.card:first-child .cardImage,.cardImage{height:250px}.newsletter h2{font-size:44px}.newsletter form{flex-direction:column;gap:8px}.newsletter button{padding:16px}.siteFooter{grid-template-columns:1fr}.siteFooter>div{justify-content:flex-start}.siteFooter small{grid-column:auto}.story h1{font-size:50px}.storyHero{height:78vw}.headerAds{margin-bottom:55px;padding:0 18px}.headerAds .adsterraPlacement{min-height:105px}.nativeAd{min-height:280px}}



