/*
Theme Name: TashiLand
Version: 0.9.16
Description: TashiLand — Tibetan Spaniel
*/
*{box-sizing:border-box}
body{margin:0;background:#281026;color:#fff8fc;font:1rem/1.65 system-ui,sans-serif}
a{color:#f1cb84;text-underline-offset:.25em}
a:focus-visible{outline:2px solid #f1cb84;outline-offset:5px}
.site-header,main,footer{padding:1.5rem max(5vw,calc((100vw - 1180px)/2))}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.brand{font:2rem Georgia,serif;color:inherit;text-decoration:none}
.brand small{display:block;color:#f1cb84;font:600 .66rem system-ui;letter-spacing:.25em}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin:0;padding:0}
nav [aria-current]{color:white}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;min-height:28rem;padding-block:3rem;background:radial-gradient(ellipse at 85% 35%,#72385c 0%,#381431 55%,#281026 85%);padding-inline:clamp(1rem,4vw,4rem);border:1px solid #86546f;border-radius:1.5rem}
h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1}
h1{font-size:clamp(2.8rem,7vw,5.8rem);margin:.25em 0}
img{max-width:100%;height:auto}
.hero img,.portrait-slot{display:block;width:100%;border-radius:1rem}
.portrait-slot{display:grid;place-items:center;min-height:15rem;padding:1.5rem;text-align:center;color:#f1cb84;border:1px dashed #b881a1;background:#391830}
article{max-width:76ch;margin:2rem auto}
footer{border-top:1px solid #86546f;color:#e2c8db}
@media(max-width:680px){.hero{grid-template-columns:1fr;gap:1rem;min-height:0}.portrait-slot{min-height:9rem}}
.hero .hero-portrait{max-height:35rem;object-fit:contain}
.home-section{padding-block:2rem}
.home-section h2{font-size:clamp(2rem,4vw,3.4rem)}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}
.photo-grid figure{margin:0}
.photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#391830;border-radius:.75rem}
.show-photos img{aspect-ratio:5/4}
figcaption{padding:.5rem 0;color:#e2c8db}
.results{padding-left:1.25rem}
.results li{margin-block:1rem}
.hero{min-height:22rem;background:radial-gradient(ellipse at 80% 35%,#713d59,transparent 65%),linear-gradient(150deg,#361934,#201020)}
.hero h1{font-size:clamp(2.5rem,5.2vw,5.1rem);text-wrap:balance}
.hero .hero-portrait{max-height:26rem}
.home-section{margin-top:2rem;border-top:1px solid #86546f66}
.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:1rem}
.story-card{display:block;overflow:hidden;border:1px solid #86546f77;border-radius:.9rem;background:#32182f;text-decoration:none}
.story-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.story-card span{display:block;padding:.9rem 1rem}
.story-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.story-feature span{font:clamp(1.5rem,3vw,2.5rem)/1.2 Georgia,serif;padding:1.25rem}
@media(max-width:600px){.story-feature{grid-template-columns:1fr}}
.story-card img{object-fit:contain;background:#281326}
.home-section h3{margin:1.7rem 0 .75rem;font:1.55rem Georgia,serif}
.cookie-vignette{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:1rem;align-items:center;margin:1.5rem 0}
.cookie-vignette img{width:100%;max-height:175px;object-fit:contain;border-radius:.6rem}
.cookie-vignette h2{margin:0}
.event-photo{max-width:520px;margin:1.25rem auto}
@media(max-width:500px){.cookie-vignette{grid-template-columns:minmax(0,100px) 1fr}}
article>h1,.news-index>h1{font-size:clamp(2.1rem,4.4vw,3.6rem);letter-spacing:-.025em;margin-bottom:1.5rem;text-wrap:balance}
.story-card strong{font-weight:700}
.cookie-vignette>figure,.cookie-vignette>p{margin:0}
.cookie-vignette p{margin:.45rem 0 0}
.cookie-vignette h2{font-size:clamp(1.15rem,2vw,1.65rem)}
.event-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem}
.event-media figure,article .event-photo{width:100%;max-width:320px;margin:1rem 0}
.event-media img,article .event-photo img{display:block;width:100%;max-height:340px;object-fit:contain;object-position:left center;border-radius:.55rem}
.event-media figcaption{font-size:.88rem}
.site-header nav a{text-decoration:none}
.site-header nav a:hover{text-decoration:underline}
#o-cookie{scroll-margin-top:3.5rem}

.hero{min-height:0;padding-block:clamp(.85rem,2.1vw,1.6rem);grid-template-columns:minmax(0,1fr) minmax(0,32%);gap:1rem}
.hero h1{font-size:clamp(1.65rem,3.5vw,3.25rem)}
.hero img,.hero .hero-portrait{max-height:clamp(8rem,19vw,14rem);object-fit:contain}
.story-feature{max-width:44rem;grid-template-columns:clamp(6rem,19vw,11rem) minmax(0,1fr)}
.story-feature span{font-size:clamp(1.05rem,2vw,1.5rem);padding:.7rem 1rem}
.story-feature img{max-height:8rem}
.home-section:has(.story-feature){margin-top:1.2rem;padding-block:1rem}
.home-section:has(.story-feature) h2{font-size:clamp(1.4rem,2.5vw,2rem);margin:.5rem 0 .85rem}
.news-choices{display:flex;flex-wrap:wrap;gap:.75rem}
.news-choices a{padding:.75rem 1rem;border:1px solid #86546f;border-radius:.55rem}
.news-index .cookie-vignette{max-width:48rem;grid-template-columns:clamp(85px,19vw,145px) minmax(0,1fr);border-bottom:1px solid #86546f66;padding-bottom:1rem}
.news-index .cookie-vignette img{max-height:110px;display:block}
.news-index .cookie-vignette h2{font-size:clamp(1.1rem,2vw,1.5rem)}

/* TashiLand editorial palette */
:root{--plum:#301331;--berry:#8c245a;--rose:#fce5ed;--paper:#fff8f3;--ink:#352035;--gold:#f5c983}
body{background:var(--paper);color:var(--ink)}
a{color:#812053}
a:focus-visible{outline-color:#9d2c63}
.site-header{background:var(--plum);color:#fff5f5;padding-block:1.1rem;border-bottom:3px solid #d96291}
.site-header a{color:#ffe3ef}
.site-header .brand{color:#fff}
.site-header nav a:hover,.site-header nav [aria-current]{color:#ffd17b}
.hero{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:clamp(.65rem,3vw,2.75rem);padding:clamp(1rem,3vw,2.5rem);color:#fff6f8;border:0;background:radial-gradient(ellipse at 29% 65%,#a13b72 0%,transparent 60%),linear-gradient(130deg,#64214e,#28112f 75%)}
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}
.hero::before{background:linear-gradient(135deg,#f4a3bf,#6f356d 58%,#42224c);opacity:.55;clip-path:polygon(0 88%,17% 65%,28% 72%,47% 40%,54% 54%,71% 19%,87% 54%,100% 39%,100% 100%,0 100%)}
.hero::after{background:linear-gradient(125deg,#753365,#29122e);clip-path:polygon(0 100%,0 94%,22% 82%,35% 87%,56% 65%,66% 72%,77% 54%,100% 80%,100% 100%)}
.hero>div{grid-column:2;grid-row:1}
.hero img,.hero .hero-portrait{grid-column:1;grid-row:1;max-height:clamp(10rem,23vw,18rem);width:100%;filter:drop-shadow(0 10px 16px #24102566)}
.hero h1{color:#fff8f8;font-size:clamp(1.8rem,4.3vw,3.8rem)}
.hero p{color:#ffe1ec;max-width:40ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.hero-actions a{border-radius:999px;padding:.5rem .9rem;background:#f3a5c3;color:#401535;text-decoration:none;font-weight:700}
.hero-actions a+a{border:1px solid var(--gold);background:transparent;color:#ffe7a9}
.home-section{border-color:#e8bed2}
.home-section:has(.story-feature){background:var(--rose);padding:1.05rem clamp(.8rem,2.6vw,1.6rem);border-radius:1rem;border:0}
.story-feature{max-width:100%;border-color:#edc2d5;background:#fff9f7;color:#702149}
.story-feature img{background:#f3d7e6}
#o-cookie{background:#fff0da;border:0;border-radius:1rem;padding:clamp(1rem,3vw,1.6rem)}
#o-cookie h2{margin-top:0}
.news-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:1rem}
.news-choices a{padding:clamp(1rem,3vw,2rem);font:1.5rem Georgia,serif;background:#f7dbe9;border:0;border-radius:1rem}
.news-choices a:nth-child(2){background:#fdeacb}
.news-index .news-row{background:#fff;border:1px solid #ebd4e0;border-radius:.9rem;padding:.75rem 1rem;margin:.65rem 0;box-shadow:0 3px 12px #4d1e3510}
.news-index .news-row:nth-of-type(even){background:#fff1e5}
.news-index .news-row h2 a{text-decoration:none}
.news-index .news-row h2 a:hover{text-decoration:underline}
article>h1,.news-index>h1{color:#60214e}
article .tashi-row img{background:#f6e6ee}
article figcaption,article .tashi-caption,article .tashi-row figcaption{color:#634a60}
article .cookie-books .book-label{color:#812053}
article .cookie-books .book-action{background:#8c245a;color:#fff}
footer{background:var(--plum);color:#ffdfed;border-color:#d96291}
@media(max-width:540px){.hero{grid-template-columns:minmax(0,1fr);gap:.5rem}.hero>div,.hero img,.hero .hero-portrait{grid-column:1;grid-row:auto}.hero img,.hero .hero-portrait{order:-1;max-height:11rem}.hero h1{margin-top:0}}

/* Homepage composition based on the TashiLand reference. */
.home{background:#2a112a;color:#fff1f6}
.home .site-header{border-bottom:1px solid #9a5c77;background:#35152f}
.home .hero{grid-template-columns:minmax(0,46%) minmax(0,1fr);column-gap:clamp(.8rem,3vw,2.4rem);row-gap:.75rem;padding:clamp(.9rem,2.5vw,2rem);background:radial-gradient(ellipse at 20% 68%,#a32b6a,transparent 56%),linear-gradient(138deg,#67224f,#341430 77%);border:1px solid #a45c83}
.home .hero>div:first-child{align-self:center;text-align:center}
.home .hero h1{font-size:clamp(2.1rem,5vw,4.5rem);font-weight:400}
.home .hero p{margin-inline:auto}
.home .hero .hero-portrait{grid-row:1/3;height:100%;max-height:clamp(17rem,31vw,27rem);object-position:bottom center;align-self:end}
.home .hero::before{opacity:.78;background:linear-gradient(148deg,#6d326a 35%,#f5a6c9 58%,#703466 75%)}
.home .hero-actions{justify-content:center}
.home .hero-actions a:first-child{background:#a82866;color:#fff}
.home .hero-tiles{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.home .hero-tiles a{position:relative;isolation:isolate;display:block;overflow:hidden;border:1px solid #b16b8e;border-radius:.55rem;color:white;text-decoration:none}
.home .hero-tiles a img{width:100%;height:clamp(4rem,9vw,8rem);object-fit:cover;display:block;filter:none}
.home .hero-tiles span{position:absolute;inset:auto 0 0;padding:.3rem .35rem;background:#35142cdf;text-align:center;font-size:clamp(.7rem,1.3vw,.95rem)}
.home .home-section:has(.story-feature),.home #o-cookie{background:#3d1b37;color:#fff1f6;border:1px solid #895473}
.home .home-section:has(.story-feature)>p a{color:#ffda99}
.home .story-feature{background:#522041;color:#fff2f8;border-color:#8d5175}
@media(max-width:540px){.home .hero{grid-template-columns:minmax(0,1fr)}.home .hero>div:first-child,.home .hero .hero-portrait,.home .hero-tiles{grid-column:1;grid-row:auto}.home .hero .hero-portrait{height:auto;max-height:12rem}.home .hero-tiles{gap:.3rem}}

.home .hero#o-cookie{padding:clamp(1rem,3vw,2.5rem);background:linear-gradient(90deg,#30133215 8%,#30133216 43%,#2a1029ad 65%,#2a1029cf),url('photos/gory-kwiaty.webp') center 45%/cover;box-shadow:0 16px 38px #1407178c}
.home .hero#o-cookie::before,.home .hero#o-cookie::after{content:none}
.home .hero#o-cookie .hero-portrait{filter:drop-shadow(0 16px 16px #1c0b21b0)}
.home .hero#o-cookie p{color:#fff0f4;text-shadow:0 2px 6px #170b1a}
.home .hero#o-cookie h1{text-shadow:0 3px 14px #170b1a}
.home .hero-tiles a{box-shadow:0 7px 16px #18091570}
.home .hero-tile-icon{position:absolute;z-index:1;inset:.4rem auto auto .4rem;width:1.7rem;height:1.7rem;padding:.3rem;background:#36152ddc;border-radius:50%;color:#ffd998}
@media(max-width:540px){.home .hero#o-cookie{background-position:center,42% center}}

/* Carry the illustrated landscape through the entire site. */
body,body.home{background:#2a112a;color:#fff0f6}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#2a112a42,#2a112abf 64%,#2a112ae6),url('photos/gory-kwiaty.webp') center 34%/cover no-repeat}
.site-header, .home .site-header{background:#34152ee8;border-color:#9a5c77}
main a{color:#ffd698}
main a:focus-visible{outline-color:#ffd698}
main article,main .news-index{background:#351831ec;border:1px solid #96617f;border-radius:1.1rem;box-shadow:0 12px 34px #17071875;padding:clamp(1rem,3vw,2.35rem)}
main .news-index{margin-top:1rem}
main article>h1,main .news-index>h1{color:#fff2f7}
main article h2,main .news-index h2{color:#ffdeac}
main article figcaption,main article .tashi-caption,main article .tashi-row figcaption{color:#f4dbe8}
main article .tashi-row img,main article .event-media img,main .photo-grid img{background:#4b2843}
main .news-index .news-row{background:#49233e;border-color:#885473;color:#fff0f6}
main .news-index .news-row:nth-of-type(even){background:#522841}
main .news-choices a{background:#71314f;color:#fff1f5;border:1px solid #bc7e9d}
main .news-choices a:nth-child(2){background:#64402f;color:#ffe9c8;border-color:#b48364}
main .news-choices a:hover,main .news-index .news-row:hover{border-color:#ffd698}
main article .cookie-books .book-label{color:#ffd698}
main article .cookie-books .book-action{background:#a82866;color:#fff}
main .cookie-books .book-note{background:#4b263f}
.home .hero#o-cookie{background:linear-gradient(90deg,#30133210 8%,#30133220 43%,#2a10299e 65%,#2a1029ce);border-color:#a45c83}
footer{background:#301331eb}
@media(max-width:540px){body::before{background-position:center,43% center}main article,main .news-index{padding:.9rem}}
.breed-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:.75rem;margin:1.3rem 0 1.65rem}
.breed-facts>div,.visitor-note{border:1px solid #a36989;border-radius:.75rem;background:#542743;padding:1rem;box-shadow:0 6px 16px #1a071840}
.breed-facts dt{color:#ffdaaa;font-size:.85rem}
.breed-facts dd{margin:.2rem 0 0;font:1.25rem Georgia,serif;color:#fff5f7}
.visitor-note{margin:0 0 1.5rem}
.visitor-note h2{margin:0 0 .45rem}
.visitor-note p:last-child{margin-bottom:0}
.show-result{margin:1.2rem 0;padding:.75rem 1rem;border:1px solid #996582;border-radius:.75rem;background:#4b2342}
.show-result p{margin:0 0 .5rem}
.show-result ul{margin:.4rem 0 0;padding-left:1.3rem}
.show-result li+li{margin-top:.25rem}

.tashi-gallery-controls:not([hidden]) {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-block: .5rem;
}
.tashi-gallery-controls span { margin-inline-end: auto; }
.tashi-gallery-controls button {
    min-width: 44px;
    min-height: 44px;
    border: 2px solid #f1cb84;
    border-radius: .55rem;
    background: #f1cb84;
    color: #281026;
    font: 700 1.3rem system-ui, sans-serif;
    cursor: pointer;
}
.tashi-gallery-controls button[aria-disabled="true"] {
    background: #4b2843;
    color: #f1cb84;
    cursor: default;
}
.tashi-gallery-controls button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}