/*
Theme Name: tsgabrielle Journal
Description: Lato Light editorial journal in deep orchid purple.
Version: 2.0.0
Text Domain: tsg-journal
*/
@font-face{font-family:Lato;src:url('./assets/Lato-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('./assets/Lato-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;font-display:swap}
:root{color-scheme:dark;--canvas:#160d21;--raised:#24132f;--panel:#301b3d;--ink:#f8f0fa;--muted:#c7b7ce;--accent:#a932bd;--link:#e1a5ee;--line:rgba(225,165,238,.27);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:300 18px/1.65 Lato,sans-serif;font-synthesis:none}h1,h2,h3,h4,h5,h6,b,strong,button,input,select,textarea{font-family:Lato,sans-serif;font-weight:300}h1,h2,h3{line-height:1.13;text-wrap:balance}h1,h2{font-style:italic}a{color:var(--link);text-underline-offset:.22em}a:hover{color:var(--ink)}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}input,textarea,select{padding:.7rem 1rem;color:var(--ink);background:var(--raised);border:1px solid var(--line);border-radius:18px;max-width:100%}button,input[type=submit],.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:44px;padding:.6rem 1.4rem;border:1px solid var(--link);border-radius:999px;background:var(--link);color:var(--canvas);text-decoration:none;cursor:pointer}.button:hover,button:hover{background:var(--ink);color:var(--canvas)}:focus-visible{outline:3px solid var(--link);outline-offset:5px}.wrap{width:min(1320px,92%);margin-inline:auto}.top{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);padding:1.2rem 0;min-height:110px}.logo-plaque{display:block;flex-shrink:0;background:#efcff5;border-radius:18px;padding:10px 13px;width:190px}.logo-crop{display:block;position:relative;width:100%;aspect-ratio:1358/520;overflow:hidden}.logo-crop img{position:absolute;width:188.513%;max-width:none;height:auto;left:-3.019%;top:-8.846%}.navigation{flex:1}.navigation ul,.language-switcher ul,.category-directory ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:1.3rem}.navigation a,.language-switcher a{text-decoration:none;color:var(--ink);display:block;min-height:44px;padding:.55rem 0}.navigation li{position:relative}.navigation .sub-menu{display:none;position:absolute;z-index:50;top:100%;left:0;width:260px;padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:18px}.navigation li:hover>.sub-menu,.navigation li:focus-within>.sub-menu{display:block}.navigation .sub-menu a{padding:.45rem}.language-switcher ul{gap:1rem}.language-switcher .is-current,.navigation .current-menu-item>a{color:var(--link);box-shadow:0 2px var(--link)}.header-search{max-width:210px}.search-form{display:flex;gap:.5rem;align-items:center}.search-form label{min-width:0}.search-field{width:100%}.header-search .search-submit{font-size:0;width:44px;padding:0;background:transparent;color:var(--link);border:0}.header-search .search-submit:after{content:'⌕';font-size:30px}.hero{position:relative;min-height:calc(100svh - 110px);width:100vw;margin-left:calc(50% - 50vw);isolation:isolate;display:flex;align-items:center;padding:clamp(3rem,7vw,7rem) max(4vw,calc((100vw - 1320px)/2));overflow:hidden}.hero-copy{position:relative;z-index:3;max-width:660px;padding-bottom:5rem;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(3.5rem,7.4vw,7.8rem);margin:0 0 2rem;color:var(--ink);text-shadow:0 3px 24px #160d21}.hero-image{position:absolute;inset:0;z-index:-1}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,13,33,.85),rgba(22,13,33,.18) 85%)}.hero-image>img{width:100%;height:100%;object-fit:cover}.hero-image__title{position:absolute;right:5%;bottom:24%;z-index:2;max-width:35%;color:white;text-shadow:0 2px 12px #160d21;font-style:italic;font-size:1.6rem}.hero--text{min-height:60vh;background:var(--raised)}.brand-transition{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(90px,17vw,230px);pointer-events:none;z-index:4;line-height:0}.brand-transition svg{display:block;width:100%;height:100%}.brand-transition--top{top:-1px;bottom:auto;transform:rotate(180deg)}.category-directory{padding:1.5rem 0;border-bottom:1px solid var(--line)}.category-directory__inner{display:flex;gap:2rem;align-items:center}.category-directory h2{font-style:normal;font-size:1rem;margin:0;color:var(--muted)}.category-directory ul{flex-wrap:wrap;gap:.6rem 1.6rem}.category-directory a{font-size:.95rem;text-decoration:none}.ad-region{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:130px;border:1px solid rgba(225,165,238,.1);border-radius:18px;background:var(--raised);margin:2rem 0;padding:1rem;overflow:hidden}.ad-region__label{font-size:.8rem;color:var(--muted)}.ad-region--portrait{min-height:600px;margin:0}.ad-region .tsg-ad{width:100%;margin:0}.tsg-ad[hidden]{display:none!important}.tsg-ad small{display:none}.ad-region:has(.tsg-ad:not([hidden])){justify-content:flex-start}.tsg-ad ins{width:100%;min-height:90px}.ad-region--portrait ins{min-height:560px}.story-feed{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);column-gap:3rem;align-items:start}.feed-heading{grid-column:1;font-size:clamp(2.3rem,4vw,3.8rem);margin:.5rem 0 1.6rem}.story-row{grid-column:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:1.8rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.story-row:first-of-type{padding-top:0}.story-image{position:relative;display:block;min-width:0;overflow:hidden;align-self:start}.story-image>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.story-image .brand-transition,.content-image .brand-transition{height:25%}.story-row--text{grid-template-columns:1fr}.story-copy h2{font-size:clamp(1.7rem,2.7vw,2.5rem);margin:.5rem 0 .8rem}.story-copy h2 a{color:var(--ink);text-decoration:none}.story-copy p{margin:.6rem 0;line-height:1.65}.meta{color:var(--muted);font-size:.8rem}.meta time{display:inline-block;margin-left:.7rem}.story-link{display:inline-flex;gap:1rem;align-items:center;min-height:44px}.story-sidebar{grid-column:2;grid-row:2 / span 3;min-width:0}.pagination{margin:2rem 0}.page-numbers{display:inline-block;padding:.4rem .7rem}.article{max-width:860px;margin:3rem auto;overflow-wrap:anywhere}.article h1,.archive-title{font-size:clamp(2.5rem,5vw,4.7rem)}.entry-content{line-height:1.85}.entry-content h2{font-size:2.3rem;margin-top:2.4rem}.entry-content iframe{max-width:100%}.entry-content table{display:block;overflow:auto;max-width:100%}.entry-content pre{overflow:auto}.entry-content blockquote{border-left:2px solid var(--accent);padding-left:1.5rem;margin-left:0}.content-image{display:inline-block;position:relative;max-width:100%;line-height:0}.content-image>img{display:block}.comments-area{max-width:860px;margin:auto}.comment-form input,.comment-form textarea{display:block;width:100%}.site-footer{margin-top:4rem;padding:3rem 0;border-top:1px solid var(--line);background:var(--panel)}.footer-menu ul{list-style:none;display:flex;flex-wrap:wrap;gap:1.2rem;padding:0}.site-footer p{color:var(--muted)}.screen-reader-text,.skip-link{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.skip-link:focus{position:fixed!important;z-index:10000;top:1rem;left:1rem;width:auto;height:auto;clip:auto;padding:1rem;background:var(--panel)}
@media(max-width:1100px){.top{flex-wrap:wrap;gap:1rem}.navigation{order:3;flex-basis:100%}.navigation>ul{justify-content:center}.header-search{margin-left:auto}.story-feed{column-gap:2rem}.story-row{grid-template-columns:1fr}.story-image>img{aspect-ratio:16/9}}
@media(max-width:760px){body{font-size:17px}.logo-plaque{width:150px}.header-search{display:none}.language-switcher{margin-left:auto}.navigation>ul{justify-content:flex-start;flex-wrap:wrap;gap:.8rem 1.2rem}.hero{min-height:78svh}.hero-copy{padding-bottom:6rem}.hero h1{font-size:clamp(3.3rem,12vw,5rem)}.hero-image__title{right:6%;bottom:17%;max-width:75%;font-size:1.2rem}.category-directory__inner{display:block}.category-directory h2{margin-bottom:.6rem}.story-feed{display:flex;flex-direction:column}.story-row,.story-sidebar{width:100%}.story-row{gap:1rem}.story-sidebar{padding:1.5rem 0}.ad-region--portrait{min-height:280px}.ad-region--portrait ins{min-height:250px}.story-image>img{aspect-ratio:4/3}.ad-region{margin:1.5rem 0}.story-sidebar .ad-region{margin:0}.feed-heading{margin-bottom:.5rem}.hero .brand-transition{height:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-intro{font-size:clamp(1.1rem,1.8vw,1.4rem);max-width:43ch;margin:0 0 1.7rem;text-shadow:0 2px 12px #160d21}
/* Storefront composition: locale / centered logo / search, then open menu row. */
.top{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem 2rem;padding:1.2rem 0 .5rem}.top>.logo-plaque{grid-column:2;grid-row:1;width:215px}.top>.language-switcher{grid-column:1;grid-row:1;margin:0;justify-self:start}.top>.header-search{grid-column:3;grid-row:1;margin:0;justify-self:end}.top>.navigation{grid-column:1/-1;grid-row:2;order:initial;width:100%}.navigation>ul{justify-content:center;gap:clamp(1.5rem,4vw,4rem)}.hero{min-height:calc(100svh - 160px)}
@media(max-width:760px){.top{column-gap:.7rem}.top>.logo-plaque{width:160px}.top>.language-switcher{grid-column:1/-1;grid-row:2;justify-self:center}.top>.navigation{grid-row:3}.language-switcher ul{gap:1.7rem}.navigation>ul{gap:.5rem 1.2rem;justify-content:center}.hero{min-height:78svh}.hero-copy{padding-bottom:5rem}}