/* Quotes page. Loads after styles.css */
.links a.cur{color:var(--gold)}.links a.cur::after{opacity:1;transform:none}
.qhero{padding:80px 0 100px;position:relative;overflow:hidden}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.qintro{position:relative;position:sticky;top:110px}
.qhero .sub{max-width:560px;font-size:19px;margin-top:18px}
.js .qintro h1,.js .qintro .eyebrow,.js .qintro .sub{animation:up .6s ease both}.js .qintro .sub{animation-delay:.12s}
.js .qcard{animation:up .7s ease both .25s}
.mstar{position:absolute;right:0;top:-10px;width:80px;rotate:12deg;transition:rotate .4s}
.mstar:hover{rotate:40deg}
.mstar path{fill:var(--ly);stroke:var(--navy);stroke-width:2.5;stroke-linejoin:round}
.qcard{position:relative;isolation:isolate;margin:30px 0 0;padding:26px 30px 16px;rotate:-1.2deg;transition:rotate .25s,translate .25s}
.qcard::before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdfb;border:2.5px solid var(--navy);border-radius:8px 14px 6px 16px/14px 6px 16px 8px;filter:url(#wobble);box-shadow:8px 10px 0 var(--ly),8px 10px 0 2.5px var(--navy)}
.qcard:hover{rotate:0deg;translate:0 -5px}
.qcard .tape{left:50%;margin-left:-60px;rotate:-4deg}
.qmk{width:36px;display:block;margin-bottom:4px}
.qmk path{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round}
.qcard blockquote{margin:0;font-family:Norwester,sans-serif;font-size:28px;line-height:1.12;letter-spacing:.02em;color:var(--navy)}
.qcard figcaption{font-size:24px;margin-top:6px;text-align:right;color:var(--navy)}
.qform{position:relative}
.fnote{font-size:17px;font-weight:600;color:var(--navy);margin:0 0 18px;padding-left:14px;border-left:4px solid var(--gold)}
.fbox{position:relative;isolation:isolate;padding:12px;transition:translate .25s}
.fbox::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border:2.5px solid var(--navy);border-radius:14px 8px 16px 6px/6px 16px 8px 14px;filter:url(#wobble2);box-shadow:6px 8px 0 rgba(0,40,85,.14);transition:box-shadow .25s}
.fbox:hover::before{box-shadow:9px 12px 0 rgba(0,40,85,.2)}
.fbox iframe{display:block;width:100%;height:760px;border:0;border-radius:6px;background:#fff}
@media(max-width:900px){.qhero{padding:50px 0 70px}.qgrid{grid-template-columns:1fr;gap:44px}.qintro{position:relative;top:auto}.mstar{width:56px;top:-30px}.qcard blockquote{font-size:28px}}
@media(max-width:600px){.qhero .sub{font-size:17px}.qcard{padding:34px 22px 20px;rotate:-.6deg}.fbox{padding:6px}.fbox iframe{height:880px}}
/* rotating quote */
.qstack{display:grid}
.qslot{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .7s ease}
.qslot.on{opacity:1}.qsizer{visibility:hidden;opacity:0!important}
.qcard blockquote{font-size:28px}
.qcard:focus-visible{outline:3px dashed var(--navy);outline-offset:8px}
@media(max-width:600px){.qcard blockquote{font-size:23px}}