.sutton-album{--brown:#42250f;--gold:#b77a29;max-width:1250px;margin:24px auto;padding:28px 22px 35px;color:#3d2615;background:radial-gradient(ellipse at center,#f9e9c9,#e8c99c 85%,#d2a875);border:5px double #a77a44;border-radius:14px;box-sizing:border-box;font-family:Georgia,'Times New Roman',serif;box-shadow:0 10px 35px #34200e45}.sutton-album *{box-sizing:border-box}.sutton-heading{text-align:center}.sutton-heading h2{font-size:clamp(26px,4vw,46px);font-style:italic;color:#462310;margin:10px 0}.sutton-heading p{font-size:17px}.sutton-eyebrow{letter-spacing:3px;color:#8e5620}.sutton-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:24px auto;max-width:1050px}.sutton-tools label{flex:1}.sutton-tools input{width:100%;padding:13px 17px;background:#fff9ee;border:2px solid #a67940;border-radius:7px;font-size:16px}.sutton-album button{cursor:pointer}.sutton-gallery-toggle,.sutton-bottom button,.sutton-flip{background:linear-gradient(#8b571e,#4b2a0c);color:#fff2d5;border:2px solid #cda45c;border-radius:8px;padding:10px 15px;font-family:inherit}.sutton-book-wrap{display:flex;align-items:center;gap:8px;justify-content:center;background:linear-gradient(110deg,#3d200d,#744116,#2e170b);border:8px ridge #8e5d2c;padding:24px 10px;border-radius:22px;box-shadow:0 9px 16px #0006}.sutton-book{width:100%;min-height:430px;display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 4px 5px #0009);perspective:1200px}.sutton-page{min-width:0;min-height:430px;background:repeating-linear-gradient(24deg,#eacb96 0px,#f6dfb5 4px,#e9c99b 7px);padding:28px 22px;border:9px double #b98b52;box-shadow:inset 0 0 22px #8c512c55;position:relative;text-align:center}.sutton-left{border-radius:14px 0 0 14px;border-right:2px solid #6a3b19;display:flex;flex-direction:column;justify-content:center}.sutton-right{border-radius:0 14px 14px 0;border-left:2px solid #6a3b19}.sutton-left h3{font-size:clamp(22px,3vw,38px);font-style:italic;line-height:1.2;color:#42210e}.sutton-ornament,.sutton-flourish{font-size:32px;color:#8d5725}.sutton-left-copy{font-style:italic}.sutton-stamp{font-size:12px;letter-spacing:2px;border-top:1px solid #a36e36;padding-top:18px}.sutton-card-corners{position:relative;background:#e4c493;padding:14px;margin:0 auto;max-width:100%;box-shadow:0 2px 9px #42271080}.sutton-main-image{width:100%;height:245px;object-fit:contain;background:#ead7b7;cursor:zoom-in;display:block}.sutton-corner{position:absolute;width:23px;height:23px;background:#98662c;clip-path:polygon(0 0,100% 0,0 100%)}.sutton-corner.tl{top:0;left:0}.sutton-corner.tr{top:0;right:0;transform:rotate(90deg)}.sutton-corner.br{bottom:0;right:0;transform:rotate(180deg)}.sutton-corner.bl{bottom:0;left:0;transform:rotate(270deg)}.sutton-card-title{font-style:italic;margin:14px 0 4px;font-size:23px}.sutton-card-date{font-size:14px;margin:4px}.sutton-card-description{font-size:14px;max-height:58px;overflow:auto}.sutton-arrow{border-radius:50%;width:46px;height:54px;flex-shrink:0;border:2px solid #e7b96b;background:#4d2b0f;color:#fff1cf;font-size:26px}.sutton-arrow:disabled{opacity:.3;cursor:default}.sutton-bottom{display:flex;justify-content:space-between;align-items:center;margin:12px 0;gap:12px}.sutton-counter{font-weight:bold}.sutton-zoom{display:flex;gap:7px}.sutton-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:14px;background:#44260e;border-radius:12px}.sutton-thumb{flex:0 0 125px;height:85px;padding:4px;background:#f4e1bc;border:3px solid transparent;border-radius:6px}.sutton-thumb.active{border-color:#ffc453}.sutton-thumb img{width:100%;height:100%;object-fit:cover}.sutton-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:17px}.sutton-gallery[hidden],.sutton-modal[hidden],.sutton-book-wrap[hidden],.sutton-bottom[hidden],.sutton-thumbnails[hidden]{display:none!important}.sutton-gallery-card{background:#f8e5c0;border:2px solid #9d7039;border-radius:8px;padding:10px;color:#4d2c14;text-align:left;display:flex;flex-direction:column;gap:6px;font-family:inherit}.sutton-gallery-card img{width:100%;height:130px;object-fit:contain}.sutton-gallery-card span{font-size:13px}.sutton-modal{position:fixed;inset:0;z-index:999999;background:#140c08eb;display:flex;align-items:center;justify-content:center;padding:45px 20px}.sutton-modal img{max-width:95%;max-height:95%;object-fit:contain}.sutton-modal-close{position:absolute;right:18px;top:10px;font-size:36px;color:white;background:transparent;border:0}.sutton-book.sutton-turn .sutton-right{animation:suttonPageTurn .5s ease}@keyframes suttonPageTurn{0%{transform:rotateY(-8deg);filter:brightness(.8)}100%{transform:rotateY(0);filter:brightness(1)}}.sutton-empty{text-align:center;padding:35px}.sutton-book-wrap:fullscreen{height:100%;background:#38200d}.sutton-book-wrap:fullscreen .sutton-book{max-width:1200px}@media(max-width:700px){.sutton-album{padding:15px 8px}.sutton-tools{flex-wrap:wrap}.sutton-book-wrap{padding:12px 4px;gap:3px}.sutton-book{min-height:280px}.sutton-page{padding:14px 6px;min-height:280px;border-width:4px}.sutton-left h3{font-size:19px}.sutton-left-copy,.sutton-stamp,.sutton-ornament{display:none}.sutton-main-image{height:140px}.sutton-card-corners{padding:7px}.sutton-card-title{font-size:16px}.sutton-card-description{font-size:12px;max-height:45px}.sutton-arrow{width:27px;height:39px;font-size:17px}.sutton-bottom{flex-wrap:wrap}.sutton-bottom button{padding:7px}}
