.personal-story{padding:80px 0;background:radial-gradient(ellipse at 95% 5%,#163b2c 0,transparent 45%),#031e19;color:#fff;border-top:1px solid #244b40}
.story-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.personal-story .story-kicker{color:#ff5bb5;font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 12px}
.personal-story h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-1.7px;margin:0;max-width:700px}
.personal-story h2 span{color:#baff20}
.story-heading>p{max-width:290px;color:#c0d5ca;font-size:15px;line-height:1.6;margin:0}
.story-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#082921;border:1px solid #2a5043;border-radius:28px;overflow:hidden}
.story-photo-button{display:block;position:relative;border:0;padding:0;background:#14372b;color:white;cursor:zoom-in;width:100%;overflow:hidden;text-align:left;font:inherit}
.story-photo-button img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.story-portrait{min-height:420px;max-height:490px}
.story-portrait img{position:absolute;inset:0}
.story-zoom{position:absolute;right:14px;bottom:14px;background:#001b17d9;border:1px solid #c8eddb66;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:800}
.story-quote{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:center;align-items:start}
.story-quote-mark{color:#ff5bb5;font:64px/0.8 Georgia,serif}
.personal-story blockquote{font-size:clamp(23px,2.6vw,36px);font-weight:700;line-height:1.35;letter-spacing:-.6px;margin:14px 0 20px}
.story-credit{font-size:14px;font-weight:800;color:#baff20;margin:0 0 18px}
.story-quote .story-context{color:#c0d5ca;line-height:1.6;font-size:15px;margin:0 0 22px}
.story-quote .button-row{gap:12px;flex-wrap:wrap}
.story-quote .btn{font-size:14px;min-height:48px}
.story-disclosure{background:#ff8acb;color:#071c16;border-radius:16px;padding:16px 20px;font-size:14px;line-height:1.6;font-weight:600;margin:22px 0 30px}
.story-gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.story-gallery-header h3{font-size:21px;margin:0}
.story-gallery-header p{color:#bdd0c6;font-size:13px;margin:0}
.story-pairs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.story-pair{background:#082921;border:1px solid #2a5043;padding:14px;border-radius:22px;min-width:0}
.story-pair-title{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:#cce5d5;margin:0 0 12px}
.story-pair-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.story-pair figure{margin:0;min-width:0}
.story-pair .story-photo-button{aspect-ratio:3/4;border-radius:14px}
.story-pair figcaption{font-size:12px;color:#c0d5ca;padding:9px 2px 0}
.story-phone-photo img{position:absolute;width:125%;height:auto;max-width:none;left:-12.5%;top:-18%;object-fit:initial}
.story-photo-button:focus-visible,.story-viewer button:focus-visible{outline:3px solid #baff20;outline-offset:-4px}
.story-gallery-actions{display:none}
.story-viewer{border:1px solid #346451;border-radius:22px;padding:18px;background:#03241d;color:white;width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.story-viewer::backdrop{background:#00130fea;backdrop-filter:blur(5px)}
.story-viewer-header,.story-viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}
.story-viewer h3{font-size:18px;margin:0}
.story-viewer button,.story-gallery-actions button{background:#173e30;border:1px solid #507262;border-radius:99px;color:white;min-height:44px;padding:10px 16px;font:700 14px Manrope,sans-serif;cursor:pointer}
.story-viewer-stage{position:relative;overflow:hidden;border-radius:14px;margin:16px auto;width:min(100%,410px);aspect-ratio:3/4;background:#102d24}
.story-viewer-stage img{width:100%;height:100%;object-fit:contain;display:block}
.story-viewer-stage.story-phone-photo{aspect-ratio:.62}
.story-viewer-stage.story-phone-photo img{position:absolute;left:-12.5%;top:-15.2%;width:125%;height:auto;max-width:none;object-fit:initial}
.story-viewer-controls{margin-bottom:12px}
.story-viewer-count{color:#baff20;font-size:14px;font-weight:800}
.story-viewer-note{font-size:13px;line-height:1.5;color:#c7dccf;margin:0}
@media(max-width:760px){.personal-story{padding:48px 0}.story-heading{display:block}.story-heading>p{margin-top:16px;max-width:100%}.story-feature{grid-template-columns:1fr;border-radius:22px}.story-portrait{min-height:360px;max-height:440px}.story-quote{padding:26px 22px}.story-quote .button-row{width:100%}.story-quote .btn{width:100%;justify-content:center}.story-disclosure{padding:16px;font-size:14px}.story-gallery-header{align-items:start;flex-direction:column;gap:8px}.story-pairs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#baff20 #173e30;padding-bottom:12px;gap:14px}.story-pair{flex:0 0 92%;scroll-snap-align:start;padding:10px}.story-pair-images{gap:8px}.story-pair .story-zoom{font-size:10px;padding:6px 8px;right:6px;bottom:6px}.story-gallery-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.story-viewer{padding:14px}.story-viewer h3{font-size:16px}.story-viewer-header button{padding:9px 13px}}
@media(prefers-reduced-motion:no-preference){.story-photo-button img{transition:filter .25s}.story-photo-button:hover img{filter:brightness(1.05)}}