/* MichaelAndrews.com — homepage sliding accordion
   Additive stylesheet only. Does not replace site.css. */
.home-accordion-section{overflow:hidden}
.accordion-heading{align-items:flex-end;gap:24px}
.accordion-heading>div:first-child{min-width:0}
.accordion-eyebrow{display:block;margin-bottom:8px;font:8px/1.2 Arial,sans-serif;letter-spacing:2.3px;color:#d9ad59;text-transform:uppercase}
.accordion-controls{display:flex;gap:8px;flex:0 0 auto}
.accordion-arrow{width:42px;height:42px;border:1px solid #755b34;background:#071019;color:#efd09a;font-size:20px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.accordion-arrow:hover,.accordion-arrow:focus-visible{background:#171006;border-color:#d7aa58;transform:translateY(-1px);outline:none}
.sliding-accordion{display:flex;gap:10px;width:100%;height:470px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none;padding:2px 1px 5px}
.sliding-accordion::-webkit-scrollbar{display:none}.sliding-accordion.is-dragging{cursor:grabbing;scroll-snap-type:none}.sliding-accordion.is-dragging a{pointer-events:none}
.accordion-panel{position:relative;flex:0 0 clamp(92px,9vw,142px);min-width:0;height:100%;overflow:hidden;border:1px solid #3b4550;background:#060a0f;scroll-snap-align:center;transition:flex-basis .38s cubic-bezier(.22,.61,.36,1),border-color .25s ease,transform .25s ease;isolation:isolate}
.accordion-panel.is-active,.accordion-panel:hover,.accordion-panel:focus-within{flex-basis:clamp(330px,34vw,560px);border-color:#a97f3d}
.accordion-panel-link{display:block;position:absolute;inset:0;color:#f4ecdc;text-decoration:none;overflow:hidden}
.accordion-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .35s ease;z-index:-3}
.accordion-panel:not(.is-active):not(:hover):not(:focus-within) .accordion-art{filter:saturate(.78) brightness(.78)}
.accordion-panel.is-active .accordion-art,.accordion-panel:hover .accordion-art,.accordion-panel:focus-within .accordion-art{transform:scale(1.025);filter:saturate(1) brightness(.95)}
.accordion-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,5,9,.04) 0%,rgba(2,5,9,.12) 34%,rgba(2,5,9,.93) 100%)}
.accordion-content{position:absolute;left:0;right:0;bottom:0;padding:22px 18px 20px;display:flex;flex-direction:column;gap:8px;min-width:0;background:linear-gradient(180deg,transparent,rgba(2,5,9,.86) 35%,rgba(2,5,9,.97));transform:translateY(46px);transition:transform .3s ease,padding .3s ease}
.accordion-panel.is-active .accordion-content,.accordion-panel:hover .accordion-content,.accordion-panel:focus-within .accordion-content{transform:translateY(0);padding:30px 27px 25px}
.accordion-number{font:8px/1 Arial,sans-serif;letter-spacing:1.8px;color:#d6a853}
.accordion-content strong{font:26px/1.02 Georgia,serif;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 2px 18px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accordion-description{max-width:430px;font:12px/1.55 Arial,sans-serif;color:#ded7cb;opacity:0;transform:translateY(8px);transition:opacity .2s ease .08s,transform .2s ease .08s}
.accordion-action{font:9px/1 Arial,sans-serif;letter-spacing:1.4px;color:#efc470;opacity:0;transform:translateY(8px);transition:opacity .2s ease .12s,transform .2s ease .12s}
.accordion-panel.is-active .accordion-description,.accordion-panel:hover .accordion-description,.accordion-panel:focus-within .accordion-description,.accordion-panel.is-active .accordion-action,.accordion-panel:hover .accordion-action,.accordion-panel:focus-within .accordion-action{opacity:1;transform:none}
.book-accordion{height:500px}.book-panel{flex-basis:clamp(82px,8vw,126px)}.book-panel.is-active,.book-panel:hover,.book-panel:focus-within{flex-basis:clamp(270px,25vw,385px)}.book-accordion-art{object-position:center top}.book-panel .accordion-content strong{font-size:23px}.world-accordion{height:410px}.world-panel{flex-basis:clamp(105px,10vw,155px)}.world-panel.is-active,.world-panel:hover,.world-panel:focus-within{flex-basis:clamp(390px,39vw,640px)}.world-panel .accordion-content strong{font-size:29px}.accordion-hint{margin:12px 0 0;text-align:right;font:7px/1 Arial,sans-serif;letter-spacing:1.8px;color:#83745e}
@media(max-width:900px){.sliding-accordion{height:420px}.book-accordion{height:450px}.world-accordion{height:360px}.accordion-panel,.book-panel,.world-panel{flex-basis:76vw!important;max-width:520px;scroll-snap-align:center}.accordion-panel.is-active,.accordion-panel:hover,.accordion-panel:focus-within,.book-panel.is-active,.book-panel:hover,.book-panel:focus-within,.world-panel.is-active,.world-panel:hover,.world-panel:focus-within{flex-basis:76vw!important}.accordion-content,.accordion-panel.is-active .accordion-content,.accordion-panel:hover .accordion-content,.accordion-panel:focus-within .accordion-content{transform:none;padding:24px 20px}.accordion-description,.accordion-action{opacity:1;transform:none}.accordion-controls{display:flex}.accordion-hint{text-align:left}}
@media(max-width:560px){.accordion-heading{align-items:center}.accordion-heading h2{font-size:29px!important}.accordion-controls{gap:5px}.accordion-arrow{width:38px;height:38px}.sliding-accordion{gap:8px}.book-accordion{height:420px}.world-accordion{height:330px}.accordion-panel,.book-panel,.world-panel,.accordion-panel.is-active,.book-panel.is-active,.world-panel.is-active{flex-basis:84vw!important}.accordion-content strong,.world-panel .accordion-content strong,.book-panel .accordion-content strong{font-size:22px}.accordion-hint{font-size:6px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){.accordion-panel,.accordion-art,.accordion-content,.accordion-description,.accordion-action,.accordion-arrow{transition:none!important}}