#aboutModal{background:rgba(248,248,248,.98);backdrop-filter:blur(20px);padding:52px max(24px,5vw) 36px;flex-direction:column;align-items:center;justify-content:flex-start;color:#242424}
.about-gallery-intro{width:min(1160px,100%);margin:0 auto 32px}
.about-gallery-intro>p:first-child{font-size:9px;letter-spacing:1.8px;color:#797979;margin-bottom:14px}
.about-gallery-intro h2{font-size:clamp(40px,5vw,66px);line-height:1.25;font-weight:500;letter-spacing:-2px}
.about-gallery-intro h2>span{color:#808080}
.about-gallery-hint{font-size:12px;color:#777;margin-top:12px}
#aboutModal .about-modal-close{position:fixed;top:16px;right:22px;width:42px;height:42px;border-radius:50%;border:1px solid #dedede;background:#fff;color:#333;font-size:28px;line-height:1;z-index:10}
#aboutModal .card-stack-container{width:min(1160px,100%);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
#aboutModal .stack-card{--card-color:#efefef;--type-color:#a4a4a4;--photo-turn:-3deg;position:relative;isolation:isolate;aspect-ratio:auto;height:480px;min-width:0;border-radius:25px;background:var(--card-color);filter:none;overflow:hidden;box-shadow:0 5px 14px #00000007;transition:transform .3s,box-shadow .3s}
#aboutModal .stack-card[data-palette="2"]{--card-color:#e7e7e7;--type-color:#929292;--photo-turn:3deg}
#aboutModal .stack-card[data-palette="3"]{--card-color:#f4f4f4;--type-color:#ababab;--photo-turn:-2deg}
#aboutModal .stack-card[data-palette="4"]{--card-color:#e3e3e3;--type-color:#8c8c8c;--photo-turn:2deg}
#aboutModal .stack-card[data-palette="5"]{--card-color:#ededed;--type-color:#999999;--photo-turn:-3deg}
#aboutModal .story-index{position:absolute;top:21px;left:23px;right:20px;z-index:3;font-size:8px;letter-spacing:1.25px;font-weight:600;color:#353535}
#aboutModal .story-back-type{position:absolute;z-index:0;top:43px;left:14px;right:14px;text-align:center;font-family:'Inter',Arial,sans-serif;font-size:clamp(55px,6.2vw,84px);font-weight:900;letter-spacing:-.075em;line-height:1.1;color:var(--type-color);user-select:none;pointer-events:none}
#aboutModal .story-photo{position:absolute;z-index:1;top:104px;left:16%;width:68%;height:254px;object-fit:cover;object-position:center 42%;border:5px solid #fff9;border-radius:17px;transform:rotate(var(--photo-turn));filter:none;box-shadow:0 15px 22px #00000025;transition:transform .35s}
#aboutModal .stack-card-content{position:absolute;z-index:2;left:0;bottom:0;width:100%;min-height:102px;padding:20px 24px 22px;background:none;color:#303030;font-size:12px;line-height:1.8}
#aboutModal .stack-card-content h3{font-size:19px;font-weight:600;letter-spacing:-.4px;margin-bottom:5px}
#aboutModal .stack-card-content p{color:#515151;font-size:11px;line-height:1.85}
#aboutModal .story-expand{position:absolute;z-index:3;top:319px;right:23px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #fff;background:#ffffffd9;color:#222;font-size:19px;box-shadow:0 3px 10px #00000008}
#aboutModal .stack-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #00000016}
#aboutModal .stack-card:hover .story-photo{transform:rotate(0deg) translateY(-3px)}
#aboutModal .stack-card:focus-visible{outline:3px solid #333;outline-offset:5px}
#aboutModal .card-close-btn{flex-shrink:0;background:#272727;color:#fff;border-radius:30px;padding:11px 25px;font-size:12px;margin-top:30px;min-height:44px}
#aboutModal .card-back-btn{border:1px solid #d3d3d3;background:white;color:#333;border-radius:25px;padding:11px 24px;font-size:12px;justify-self:center}
#aboutModal .card-stack-container.focused{display:flex;flex-direction:column;align-items:center;gap:20px}
#aboutModal .focused .stack-card{display:none}
#aboutModal .focused .stack-card.active{display:block;width:min(580px,100%);height:700px;transform:none}
#aboutModal .focused .story-photo{top:125px;left:15%;width:70%;height:435px;object-fit:contain;background:#ffffff66;transform:rotate(0);border-radius:20px}
#aboutModal .focused .story-back-type{top:36px;font-size:clamp(85px,12vw,135px)}
#aboutModal .focused .stack-card-content{padding:25px 32px;min-height:120px}
#aboutModal .focused .stack-card-content h3{font-size:24px}
#aboutModal .focused .stack-card-content p{font-size:13px}
#aboutModal .focused .story-expand{display:none}
@media(max-width:1000px){#aboutModal .card-stack-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#aboutModal .story-back-type{font-size:80px}}
@media(max-width:600px){#aboutModal{padding:65px 20px 28px}.about-gallery-intro{margin-bottom:25px}.about-gallery-intro h2{font-size:40px;letter-spacing:-1.5px}.about-gallery-intro>p:first-child{font-size:8px;letter-spacing:1px}.about-gallery-hint{font-size:11px;max-width:280px}#aboutModal .card-stack-container{grid-template-columns:1fr;gap:22px;max-width:390px}#aboutModal .stack-card{height:480px;border-radius:23px}#aboutModal .story-back-type{font-size:82px}#aboutModal .story-photo{height:257px}#aboutModal .stack-card-content{padding:20px 22px}#aboutModal .stack-card-content p{font-size:12px}#aboutModal .about-modal-close{top:13px;right:14px;width:38px;height:38px}#aboutModal .focused .stack-card.active{height:615px}#aboutModal .focused .story-photo{height:350px;top:118px;left:10%;width:80%}#aboutModal .focused .story-back-type{font-size:82px;top:44px}#aboutModal .focused .stack-card-content{padding:24px;min-height:128px}#aboutModal .focused .stack-card-content h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){#aboutModal .stack-card,#aboutModal .story-photo{transition:none}#aboutModal .stack-card:hover{transform:none}}