/* Seasonal archive v7
   Active season keeps its 3 newest at the top.
   All seasons remain reachable from one pinned archive pile.
*/

.season-archive-home{
  position:absolute;
  z-index:14;
  right:18px;
  top:238px;
  width:122px;
  height:96px;
  transform:rotate(3deg);
}
.season-archive-home .archive-sheet,
.season-archive-home .archive-sheet::before,
.season-archive-home .archive-sheet::after{
  content:"";
  position:absolute;
  left:8px;
  top:14px;
  width:106px;
  height:72px;
  background:#d8c8a6;
  clip-path:polygon(2% 1%,98% 0,100% 94%,95% 100%,3% 97%,0 91%);
  filter:drop-shadow(2px 4px 2px rgba(44,27,13,.22));
}
.season-archive-home .archive-sheet::before{
  left:-5px;
  top:4px;
  transform:rotate(-5deg);
  background:#cbb992;
  z-index:-1;
}
.season-archive-home .archive-sheet::after{
  left:6px;
  top:2px;
  transform:rotate(5deg);
  background:#e5d7b9;
  z-index:-2;
}
.season-archive-label{
  position:absolute;
  z-index:3;
  left:17px;
  right:12px;
  top:43px;
  text-align:center;
  color:rgba(70,47,29,.72);
  font:15px "Bradley Hand","Segoe Print",cursive;
  pointer-events:none;
}
.season-archive-pin{
  position:absolute;
  z-index:5;
  top:8px;
  left:52px;
  width:18px;
  height:18px;
  border:0;
  border-radius:50%;
  cursor:pointer;
  padding:0;
  background:radial-gradient(circle at 35% 28%,#f4df9e 0 18%,#b88836 25% 58%,#70491e 70% 100%);
  box-shadow:0 2px 2px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,245,187,.35);
}
.season-archive-pin::after{
  content:"";
  position:absolute;
  left:8px;
  top:14px;
  width:2px;
  height:7px;
  background:#5c452c;
  transform:rotate(9deg);
  transform-origin:top;
}
.season-archive-pin:hover,.season-archive-pin:focus-visible{outline:2px solid rgba(255,239,191,.92);outline-offset:3px}

.season-browser{
  position:absolute;
  z-index:95;
  left:50%;
  top:145px;
  transform:translateX(-50%) rotate(-.4deg);
  width:min(700px,86%);
  min-height:355px;
  display:none;
  padding:50px 62px 48px;
  color:#382b21;
}
.season-browser.open{display:block}
.season-browser::before,.season-browser::after{
  content:"";
  position:absolute;
  inset:24px 25px 17px;
  z-index:-2;
  background:#d3c19d;
  transform:rotate(-2deg);
  clip-path:polygon(1% 2%,99% 0,100% 95%,96% 100%,2% 98%,0 92%);
  filter:drop-shadow(7px 12px 7px rgba(38,22,10,.30));
}
.season-browser::after{
  inset:18px 18px 24px 31px;
  z-index:-3;
  background:#c7b48f;
  transform:rotate(2.4deg);
}
.season-browser-paper{
  position:absolute;
  inset:28px 34px 25px;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 72%,rgba(87,62,36,.08) 0 1px,transparent 2px),
    repeating-linear-gradient(13deg,rgba(74,51,29,.025) 0 1px,transparent 1px 6px),
    #e7d8b9;
  clip-path:polygon(1% 1%,99% 0,100% 94%,97% 100%,3% 98%,0 93%);
  filter:drop-shadow(4px 7px 4px rgba(44,27,13,.20));
}
.season-tabs{
  position:absolute;
  left:54px;
  right:54px;
  top:12px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.season-tab{
  border:0;
  padding:7px 12px 10px;
  cursor:pointer;
  color:#58402c;
  background:#d9c7a5;
  font:16px "Bradley Hand","Segoe Print",cursive;
  transform:rotate(var(--tab-rot,0deg));
  box-shadow:0 2px 3px rgba(47,30,16,.15);
  clip-path:polygon(4% 3%,98% 0,100% 96%,2% 100%,0 12%);
}
.season-tab[aria-selected="true"]{
  background:#f0dfbc;
  color:#2f251d;
  transform:translateY(5px) rotate(var(--tab-rot,0deg));
}
.season-tab.current::after{
  content:"•";
  margin-left:5px;
  color:#7a5530;
}
.season-browser-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:27px 0 16px;
  color:#664932;
  font:20px "Bradley Hand","Segoe Print",cursive;
}
.season-browser-heading svg{
  width:34px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.season-browser-stage{
  position:relative;
  min-height:205px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.season-browser-note{
  position:relative;
  width:235px;
  min-height:175px;
  padding:38px 23px 22px;
  color:#33291f;
  background:var(--paper,#efe3c5);
  clip-path:polygon(2% 1%,98% 0,100% 94%,96% 100%,4% 98%,0 92%);
  filter:drop-shadow(7px 10px 6px rgba(40,24,11,.28));
}
.season-browser-note::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(13deg,rgba(75,51,30,.025) 0 1px,transparent 1px 5px);
}
.season-browser-note .message{position:relative;z-index:2;margin:0;font-size:20px;line-height:1.25}
.season-browser-note .note-pin{z-index:5}
.season-browser-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:#61472f;
  font:48px/1 Georgia,serif;
  cursor:pointer;
  padding:8px 12px;
}
.season-browser-nav.prev{left:40px}.season-browser-nav.next{right:40px}
.season-browser-count{
  text-align:center;
  color:rgba(79,57,39,.70);
  font:14px "Bradley Hand","Segoe Print",cursive;
}
.season-browser-close{
  position:absolute;
  right:45px;
  top:47px;
  border:0;
  background:transparent;
  color:#5a412d;
  cursor:pointer;
  font:15px "Bradley Hand","Segoe Print",cursive;
}

@media(max-width:850px){
  .season-archive-home{right:7px;top:226px;transform:scale(.88) rotate(3deg);transform-origin:top right}
  .season-browser{top:125px;width:92%;padding:48px 38px 40px}
  .season-tabs{left:35px;right:35px;gap:5px}
  .season-tab{font-size:13px;padding:6px 8px 9px}
  .season-browser-nav.prev{left:10px}.season-browser-nav.next{right:10px}
}
@media(max-width:560px){
  .season-archive-home{top:212px;transform:scale(.72) rotate(3deg)}
  .season-browser{top:112px;width:96%;min-height:330px;padding:50px 22px 34px}
  .season-tabs{left:20px;right:20px}
  .season-tab{font-size:11.5px;padding:5px 7px 8px}
  .season-browser-heading{font-size:16px;margin-top:24px}
  .season-browser-note{width:210px;min-height:160px;padding:35px 20px 20px}
  .season-browser-note .message{font-size:17px}
  .season-browser-close{right:26px;top:50px;font-size:13px}
}