.notecards-page{max-width:1440px;margin:auto;padding:55px 5vw 0}
.notecards-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}
.notecards-heading h1{font-size:66px;line-height:.98;margin:0 0 22px}.notecards-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.notecards-heading>.pill-button{margin-bottom:5px;white-space:nowrap}
.notecards-deck{position:relative;width:100%;height:500px;margin:12px 0 0;perspective:1500px;transition:height .7s cubic-bezier(.22,.8,.3,1)}
.nc-card{position:absolute;left:50%;top:50%;width:var(--nc-width,590px);aspect-ratio:3/2;padding:0;text-align:left;transition:transform .8s cubic-bezier(.22,.8,.3,1),width .7s,translate .22s ease-out;outline-offset:8px;border-radius:1px;perspective:1400px}
.nc-card:focus-visible{outline:2px solid var(--accent)}
@media(hover:hover){.notecards-deck.spread .nc-card:hover{translate:0 -8px}}
.nc-inner{--nc-thickness:clamp(1.4px,calc(var(--nc-width,660px) * .0045),3px);--nc-half:calc(var(--nc-thickness) / 2);display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.8,.3,1);box-shadow:0 1px 3px #14283618}
.nc-card[data-rank="4"] .nc-inner,.notecards-deck.spread .nc-inner,.nc-display .nc-inner{box-shadow:0 1px 3px #14283618,0 8px 18px #14283612}
.nc-inner.is-back{transform:rotateY(180deg)}
.nc-face{position:absolute;inset:0;display:block;background:#fafafa;color:#1b3d60;backface-visibility:hidden;overflow:hidden;container-type:inline-size;border:.5px solid #1b3d60}
.nc-front{transform:translateZ(var(--nc-half))}.nc-back{transform:rotateY(180deg) translateZ(var(--nc-half))}
.nc-edge{position:absolute;display:block;background:#244b6d;box-shadow:inset 0 0 0 .3px #173753;pointer-events:none;backface-visibility:visible}
.nc-edge-top,.nc-edge-bottom{left:0;width:100%;height:var(--nc-thickness)}
.nc-edge-top{top:calc(-1 * var(--nc-half));transform:rotateX(90deg)}
.nc-edge-bottom{bottom:calc(-1 * var(--nc-half));transform:rotateX(-90deg)}
.nc-edge-left,.nc-edge-right{top:0;width:var(--nc-thickness);height:100%}
.nc-edge-left{left:calc(-1 * var(--nc-half));transform:rotateY(-90deg)}
.nc-edge-right{right:calc(-1 * var(--nc-half));transform:rotateY(90deg)}
.nc-face blockquote{position:absolute;z-index:2;font:5.25cqw/1.17 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0;font-weight:400}
.nc-embrace blockquote{left:12%;top:20%;width:68%}
.nc-path blockquote{left:13%;top:27%;width:58%}
.nc-work blockquote{left:19%;top:27%;width:62%;text-align:center}
.nc-future blockquote{left:44%;top:36%;width:48%}
.nc-success blockquote{left:12%;top:15%;width:68%}
.nc-art{display:block;position:absolute;pointer-events:none;overflow:hidden;filter:url(#nc-print-ink)}
.nc-art img{display:block;width:100%;height:100%;object-fit:contain}
.nc-plants{left:0;right:0;bottom:0;height:44%}
.nc-plants img{position:absolute;bottom:-5%;left:0;width:100%;height:auto}
.nc-birds{right:1%;top:0;width:50%;height:100%;clip-path:polygon(38% 0,100% 0,100% 100%,0 100%,0 58%,38% 58%)}.nc-birds svg{width:100%;height:100%;display:block}
.nc-trees{inset:0}.nc-trees img{object-fit:cover}
.nc-trees svg{width:100%;height:100%;display:block}
.nc-future .nc-door{left:8%;top:9%;width:32%;height:86%}
.nc-success .nc-trail{left:0;right:0;bottom:0;height:57%}.nc-trail img{object-fit:cover;object-position:center 66%;mix-blend-mode:multiply}
.nc-success .nc-door{right:8%;top:29%;width:15%;height:40%}
.nc-postcard-preview{inset:0}.nc-postcard-preview svg{display:block;width:100%;height:100%}
.nc-back .nc-address{position:absolute;right:5%;top:24%;font:2.8cqw Georgia,serif;line-height:1.1}
.nc-back .nc-qr{position:absolute;right:4.2%;top:6%;width:11%;aspect-ratio:1;display:block}
.nc-qr>img{display:block;width:100%;height:100%}
.nc-qr-mark{position:absolute;left:39%;top:36%;width:22%;height:28%;background:#fafafa}
.nc-qr-mark::after{content:"";position:absolute;inset:10% 16%;background:#1b3d60;mask:url('assets/notecards/walking-mark.png') center/contain no-repeat}
.nc-back-plants{left:-1%;bottom:11%;width:34%;height:20%;transform:rotate(12deg);transform-origin:bottom left}
.nc-back-plants svg{display:block;width:100%;height:100%}
.notecards-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0}
.notecards-step{display:flex;gap:20px;align-items:center}.notecards-step p{color:var(--muted);font-size:14px;min-width:42px;text-align:center;margin:0}.notecards-step button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:20px}
.notecards-actions{display:flex;align-items:center;gap:12px}.notecards-actions .primary-button{width:auto;margin:0;padding:13px 24px}
.notecards-choices{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}.notecards-choices button{border:1px solid var(--line);padding:11px 15px;border-radius:25px;font-size:13px}
.notecards-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.notecards-source{color:var(--muted);font-size:13px;line-height:1.6;max-width:700px;margin:0 0 40px}
.notecards-original{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.4fr;gap:45px;align-items:center;padding:40px 0 50px}.notecards-original h2{font-size:40px;line-height:1.05;margin:0 0 16px}.notecards-original p{font-size:15px;color:var(--muted);margin:0 0 22px}.notecards-original>button{padding:0}.notecards-original img{width:100%;display:block;border-radius:2px}
.notecards-dialog{width:min(1160px,96vw);padding:0;background:var(--paper)}
.notecards-large{padding:40px;display:flex;justify-content:center;perspective:1500px;overflow:hidden;background:#e8e6dd}
.nc-display{position:relative;display:block;aspect-ratio:3/2;width:min(880px,100%);perspective:1400px}
.notecards-large>img{display:block;max-width:100%;max-height:72vh;object-fit:contain}
.notecards-dialog-controls{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;gap:15px}
#notecards-dialog-caption{padding:0 30px 24px;margin:0;color:var(--muted);font-size:14px}
@media(max-width:760px){
 .tabs{gap:20px}.tabs button{font-size:14px}
 .notecards-page{padding:35px 22px 0}.notecards-heading{align-items:start;flex-direction:column;gap:23px}.notecards-heading h1{font-size:49px}.notecards-heading p{font-size:14px}.notecards-heading>.pill-button{font-size:13px}
 .notecards-deck{margin:4px 0 0}.notecards-controls{flex-wrap:wrap;justify-content:center;gap:17px;padding:17px 0 22px}.notecards-step{gap:22px}.notecards-actions{width:100%;justify-content:center}.notecards-actions button{font-size:13px}.notecards-actions .primary-button{padding:12px 18px}
 .notecards-choices{justify-content:center;gap:6px}.notecards-choices button{font-size:12px;padding:9px 12px}.notecards-source{font-size:12px;margin-bottom:32px}.notecards-original{grid-template-columns:1fr;gap:25px;padding:32px 0}.notecards-original h2{font-size:34px}.notecards-original p{font-size:14px}
 .notecards-large{padding:30px 15px}.notecards-dialog-controls{padding:16px 12px;gap:6px;font-size:12px}.notecards-dialog-controls .pill-button{padding:9px 12px;font-size:12px}#notecards-dialog-caption{padding:0 16px 20px;font-size:12px}.notecards-dialog .reader-header h2{font-size:23px}
}
@media(max-width:380px){.tabs{gap:11px}.tabs button{font-size:13px}.notecards-page{padding-left:18px;padding-right:18px}.notecards-heading h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.nc-card,.nc-inner,.notecards-deck{transition:none}}