/* Sections grow with their information, including expanded cards. */
.information-panel{position:relative;z-index:0}
.information-panel.has-story-cards{display:block;min-height:0;padding:64px clamp(18px,6vw,100px) 84px;background:radial-gradient(ellipse at 90% 0,#37586380,transparent 55%),#172c34}
.has-story-cards .information-copy{max-width:1400px;margin:0 auto 38px}
.has-story-cards .section-label{margin-bottom:20px}
.has-story-cards h1{font-size:clamp(56px,7.5vw,106px);margin-bottom:22px}
.has-story-cards .pending-copy{max-width:600px;margin:0;font-size:16px}
.has-story-cards .back-home{display:none}
.has-story-cards[data-photo-alt]{isolation:isolate;background-image:none!important}
.has-story-cards[data-photo-alt]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#0b1e2985,#0b1e2926 80%),var(--section-image);background-position:center,var(--section-position,50% 50%);background-size:cover;background-repeat:no-repeat}
.coast-story[data-creation-ready] #creation,.coast-story[data-history-ready] #history{background:transparent!important;isolation:auto}
.coast-story[data-creation-ready] #creation::before,.coast-story[data-history-ready] #history::before{display:none}
.has-story-cards[data-photo-alt] .information-copy{min-height:clamp(300px,38svh,430px);display:flex;flex-direction:column;justify-content:center}
.has-story-cards[data-photo-alt] .section-label{color:#e0e8e9;text-shadow:0 1px 8px #07192399}
.has-story-cards[data-photo-alt] h1{text-shadow:0 2px 24px #07192355}
.has-story-cards[data-photo-alt] .pending-copy{color:#edf3f4;text-shadow:0 1px 8px #07192399;max-width:530px}
.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;max-width:1400px;margin:0 auto}
.story-card{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:28px;border:1px solid #ffffff3b;background:#223942;box-shadow:inset 0 1px 0 #ffffff40,0 12px 28px #031b242b}
.story-card summary{position:static;display:flex;flex-direction:column;justify-content:space-between;min-height:350px;padding:20px;list-style:none;cursor:pointer}
.story-card summary::-webkit-details-marker{display:none}
.story-card summary::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#11202833,transparent 40%,#091e3270)}
.story-card-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.story-card-date{align-self:flex-start;border:1px solid #ffffff80;border-radius:30px;padding:8px 13px;background:linear-gradient(140deg,#ffffff30,#ffffff07 48%,#ffffff12),#22282f70;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -1px 1px #ffffff3d,0 10px 28px #151c252b;font-size:11px;letter-spacing:.09em;line-height:1.3}
.story-card-copy{display:block;margin-top:90px;padding:21px;border:1px solid #ffffff80;border-radius:20px;background:linear-gradient(140deg,#ffffff30,#ffffff07 48%,#ffffff12),#22282f70;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -1px 1px #ffffff3d,0 10px 28px #151c252b}
.story-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:clamp(21px,2vw,28px);line-height:1.12;letter-spacing:-.035em;font-weight:500}
.story-card .fact-toggle{margin-top:2px}
.story-card-summary{display:block;font-size:13px;line-height:1.6;color:#e2eaec;margin-top:13px;white-space:pre-line}
.story-card-detail{position:relative;margin:0 20px 20px;padding:24px 26px 26px;border:1px solid #ffffff80;border-radius:20px;background:linear-gradient(140deg,#ffffff30,#ffffff07 48%,#ffffff12),#22282f70;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -1px 1px #ffffff3d,0 10px 28px #151c252b}
.story-card-detail p{margin:0;white-space:pre-line;font-size:15px;line-height:1.75;color:#e4edef}
.story-card[open] .fact-toggle::after{transform:rotate(0)}
.story-card[data-expanded="false"] .fact-toggle::after{transform:rotate(90deg)}
.story-card summary:focus-visible{outline:2px solid #fff;outline-offset:-6px;border-radius:27px}
.story-cards-caption{max-width:1400px;margin:22px auto 0;font-size:11px;line-height:1.7;color:#b7c8cf}
/* Text-only stages do not reserve the empty space used by photo cards. */
.story-card-text{background:linear-gradient(135deg,#ffffff16,#ffffff04),#1b3541cf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.story-card.story-card-text summary{min-height:260px;padding:28px}
.story-card-text .story-card-date{padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;font-size:48px;font-weight:300;letter-spacing:-.06em;line-height:1;color:#d7e9ed}
.story-card-text .story-card-copy{margin-top:30px;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.story-card-text .story-card-detail{margin:0 20px 20px}
@media(hover:hover){.story-card summary:hover .story-card-photo{transform:scale(1.025)}.story-card summary:hover .fact-toggle{background:#ffffff30}}
@media(max-width:1100px){.story-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card summary{min-height:330px}}
@media(max-width:600px){.information-panel.has-story-cards{padding-top:72px;padding-bottom:100px}.has-story-cards .information-copy{margin-bottom:28px}.has-story-cards h1{font-size:58px}.has-story-cards .pending-copy{font-size:14px}.story-cards{grid-template-columns:1fr;gap:16px}.story-card summary{min-height:310px;padding:16px}.story-card-copy{padding:19px;margin-top:76px}.story-card-heading{font-size:25px}.story-card-detail{padding:21px 25px 27px}}
@media(prefers-reduced-motion:reduce){.story-card-photo{transition:none}.story-card[open] .story-card-detail{animation:none}}
@media(max-width:600px){.story-card.story-card-text summary{min-height:225px;padding:24px}.story-card-text .story-card-copy{margin-top:24px}.story-card-text .story-card-date{font-size:42px}}
@media(prefers-reduced-transparency:reduce){.story-card-copy,.story-card-date,.story-card-detail{background:#243a44;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.story-card-copy,.story-card-date,.story-card-detail{background:#354047ed}}
@media(forced-colors:active){.story-card,.story-card-copy{background:Canvas;color:CanvasText;border:1px solid CanvasText}.story-card-photo{opacity:.15}.story-card-summary,.story-card-detail p{color:CanvasText}}


/* The creation process reads from top to bottom, independently of the history grid. */
#creation .story-cards{position:relative;grid-template-columns:minmax(0,1fr);gap:18px;max-width:1120px}
#creation .information-copy{max-width:1120px}
#creation .story-cards::before{content:"";position:absolute;top:60px;bottom:60px;left:72px;width:1px;background:linear-gradient(#abdce800,#abdce877 10%,#d5d1b377 90%,#d5d1b300);pointer-events:none}
#creation .story-card{--step-tint:164,216,231;--step-turn:125deg;border-radius:24px;border-color:#ffffff80;background:linear-gradient(var(--step-turn),#ffffff30,#ffffff07 48%,rgba(var(--step-tint),.1)),#22282f70;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -1px 1px #ffffff3d,0 10px 28px #151c252b;transition:background-color .25s,border-color .25s,box-shadow .25s}
#creation .story-card:nth-child(2){--step-tint:177,220,205;--step-turn:105deg}
#creation .story-card:nth-child(3){--step-tint:183,196,237;--step-turn:145deg}
#creation .story-card:nth-child(4){--step-tint:219,210,180;--step-turn:110deg}
#creation .story-card:nth-child(5){--step-tint:167,218,220;--step-turn:155deg}
#creation .story-card summary{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:28px;min-height:144px;padding:26px 32px 26px 28px}
#creation .story-card summary::before{background:none}
#creation .story-card-date{align-self:center;justify-self:center;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:58px;font-weight:300;letter-spacing:-.065em;line-height:1;color:rgb(var(--step-tint));font-variant-numeric:tabular-nums}
#creation .story-card-copy{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#creation .story-card-heading{align-items:center;font-size:clamp(23px,2.4vw,32px);line-height:1.2;gap:18px}
#creation .story-card-summary{margin-top:10px;padding-right:54px;font-size:14px;color:#edf3f4;text-shadow:0 1px 6px #10202d33}
#creation .fact-toggle{flex:none;width:36px;height:36px;margin:0;border-color:rgba(var(--step-tint),.35);background:rgba(var(--step-tint),.06);transition:background .25s}
#creation .story-card-detail{margin:0 32px 28px 144px;padding:22px 0 0;border:0;border-top:1px solid rgba(var(--step-tint),.24);border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#creation .story-card-detail p{max-width:760px;font-size:16px;line-height:1.8}
#creation .story-card[open]{background-color:#242d369c;border-color:#ffffffa6;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff3d,0 14px 32px #151c2538}
#creation .story-card:not(.story-card-text){background:#1b303999}
#creation .story-card:not(.story-card-text) summary::before{background:#0b203acc}
@media(hover:hover){#creation .story-card:hover{background-color:#30343b80;border-color:#ffffffa6;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff3d,0 14px 32px #151c2538}#creation .story-card summary:hover .fact-toggle{background:rgba(var(--step-tint),.2)}}
@media(max-width:600px){
  #creation .story-cards{gap:14px}
  #creation .story-cards::before{left:38px}
  #creation .story-card{border-radius:20px}
  #creation .story-card summary{grid-template-columns:40px minmax(0,1fr);gap:15px;min-height:130px;padding:21px 18px}
  #creation .story-card-date{font-size:36px}
  #creation .story-card-heading{font-size:21px;gap:10px}
  #creation .fact-toggle{width:28px;height:28px}
  #creation .story-card-summary{padding-right:0;font-size:12px;line-height:1.6;margin-top:8px}
  #creation .story-card-detail{margin:0 20px 24px;padding-top:18px}
  #creation .story-card-detail p{font-size:14px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){#creation .story-card,#creation .fact-toggle{transition:none}}
@media(prefers-reduced-transparency:reduce){#creation .story-card{background:#354047;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#creation .story-card{background:#354047ed}}
@media(forced-colors:active){#creation .story-card,#creation .story-card-detail{background:Canvas;color:CanvasText;border-color:CanvasText}#creation .story-card-date,#creation .story-card-summary{color:CanvasText}}