.na-projects{background:#f5eee7;position:relative;overflow:hidden;padding:90px 0 105px;color:#332932}.na-projects:before{content:'';position:absolute;left:-50px;top:180px;width:200px;height:470px;background:#e9adc3;opacity:.24;transform:rotate(24deg);clip-path:polygon(8% 0,95% 3%,85% 97%,0 100%)}.na-project-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.na-project-heading>p{max-width:300px}.na-projects h2{text-transform:none;font-family:'DM Sans',sans-serif;font-size:var(--title-size);letter-spacing:-.045em;line-height:1.02}.na-projects h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:#a23b6a}.na-project-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:60px;align-items:center}.na-project-art{position:relative;height:690px;max-width:670px;width:100%}.na-paper{background:#fff;border:0;padding:0;box-shadow:0 22px 45px #35273729;border-radius:5px;overflow:hidden}.na-paper img{display:block;width:100%;height:auto}.na-paper-back{position:absolute;top:35px;left:0;width:39%;height:570px;transform:rotate(-9deg);opacity:.8}.na-paper-front{position:absolute;top:0;left:22%;width:53%;cursor:zoom-in;transform:rotate(3deg);transition:transform .3s;max-height:665px}.na-paper-front:hover{transform:rotate(0) translateY(-5px)}.na-browser{display:flex;gap:15px;align-items:center;background:#fff;padding:8px 10px;font-size:7px;line-height:1.2;color:#8e7e87}.na-browser span{font-size:7px}.na-phone{position:absolute;right:0;bottom:35px;width:29%;aspect-ratio:393/852;background:#161417;border:6px solid #272329;border-radius:28px;overflow:hidden;transform:rotate(7deg);box-shadow:12px 20px 32px #35273740}.na-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .35s}.na-notch{position:absolute;width:35%;height:12px;border-radius:0 0 9px 9px;top:0;left:32.5%;background:#272329;z-index:1}.na-scribble{position:absolute;right:1%;top:38px;max-width:110px;font:italic 25px/1 'Cormorant Garamond',Georgia,serif!important;color:#a23b6a;transform:rotate(8deg)}.na-project-info h3{font:500 32px/1.1 'DM Sans',sans-serif!important;text-transform:none;letter-spacing:-.035em}.na-project-info>p{max-width:320px}.na-project-tabs{display:grid;gap:0;border-top:1px solid #d1bbc5;margin-top:25px}.na-project-tabs button{display:flex;gap:20px;align-items:center;padding:14px 0;text-align:left;background:none;border:0;border-bottom:1px solid #d1bbc5;color:#77626e;cursor:pointer;font-size:12px}.na-project-tabs span{font-size:16px}.na-project-tabs button[aria-pressed=true]{color:#a23b6a;font-weight:700}.na-project-tabs button[aria-pressed=true]:after{content:'↗';margin-left:auto;font-size:22px}.na-projects button:focus-visible{outline:3px solid #a23b6a;outline-offset:5px}#na-play{display:block;background:none;border:0;padding:14px 0;color:#725a69;font-size:12px;cursor:pointer}.na-project-info .textlink{margin-top:2px}.na-project-info .na-small{font-size:11px!important;line-height:1.5!important;color:#806e78;margin:22px 0}.na-project-info .btn{background:#c74675;color:white;border-radius:4px;gap:20px}.na-project-dialog{width:min(850px,94vw);max-height:92vh;border:0;padding:55px 12px 12px;background:#f5eee7;border-radius:8px;overscroll-behavior:contain}.na-project-dialog::backdrop{background:#17121cbb}.na-project-dialog img{width:100%;height:auto;display:block}.na-close{position:sticky;top:0;float:right;margin-top:-45px;border:0;border-radius:25px;padding:10px 20px;background:#332932;color:white;cursor:pointer;z-index:2}
@media(max-width:1000px){.na-project-layout{gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr)}.na-project-art{height:570px}.na-paper-back{height:460px}.na-phone{bottom:25px}.na-scribble{font-size:21px!important;max-width:90px}}
@media(max-width:760px){.na-projects{padding:65px 0}.na-project-heading{display:block;margin-bottom:30px}.na-project-heading>p{max-width:330px;margin-top:22px}.na-project-layout{display:flex;flex-direction:column;gap:20px}.na-project-art{height:540px;max-width:480px}.na-paper-front{left:18%;width:56%;max-height:510px}.na-paper-back{height:440px;width:40%;top:30px;left:3%}.na-phone{width:31%;right:2%;bottom:20px;border-width:5px;border-radius:24px}.na-scribble{right:0;top:0;font-size:20px!important;max-width:80px}.na-project-info{width:100%}.na-project-info h3{font-size:29px!important}.na-project-tabs{display:flex;gap:10px;border:0;margin-top:20px}.na-project-tabs button{border:1px solid #ccb4c1;border-radius:30px;gap:7px;padding:12px 10px;font-size:10px;flex:1;justify-content:center}.na-project-tabs span{font-size:12px}.na-project-tabs button[aria-pressed=true]{background:#a23b6a;color:white;border-color:#a23b6a}.na-project-tabs button[aria-pressed=true]:after{display:none}.na-project-info>p{max-width:none}.na-project-info .na-small{margin:14px 0}.na-project-info .btn{margin-top:8px}}
@media(max-width:430px){.na-project-art{height:430px}.na-paper-front{max-height:410px}.na-paper-back{height:355px}.na-phone{bottom:16px}.na-scribble{font-size:18px!important;max-width:63px}}
@media(prefers-reduced-motion:reduce){.na-paper-front,.na-phone img{transition:none}}

@media(max-width:760px){.na-project-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.na-project-tabs button{justify-content:flex-start;padding:12px}.na-project-tabs span{font-size:12px;text-align:left}.na-project-tabs button:last-child{grid-column:1/-1}}

/* Auswahl direkt an den Bildern; keine vergrößerbare Website. */
.na-visual-group{min-width:0}.na-paper-front,.na-paper-front:hover{cursor:default;transform:rotate(3deg)}
.na-filmstrip{display:flex;gap:10px;overflow-x:auto;padding:10px 3px 14px;scroll-snap-type:x mandatory}.na-filmstrip button{flex:1;min-width:75px;max-width:120px;border:2px solid transparent;border-radius:5px;background:#fff9f2;padding:4px;cursor:pointer;scroll-snap-align:start;color:#55394a}.na-filmstrip button[aria-pressed=true]{border-color:#a23b6a;background:#efd7e2}.na-filmstrip img{display:block;width:100%;height:70px;object-fit:cover;object-position:top;border-radius:2px}.na-filmstrip span{display:block;font-size:10px;padding:6px 0;white-space:nowrap}.na-projects[data-active=lisa] .na-paper-front{max-height:570px}
@media(max-width:760px){.na-filmstrip{gap:7px}.na-filmstrip button{min-width:72px}.na-projects[data-active=lisa] .na-paper-front{max-height:410px}.na-filmstrip img{height:58px}}

.na-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 28px;position:relative;z-index:2}.na-slide-controls button{width:48px;height:48px;border:1px solid #a23b6a;border-radius:50%;background:#a23b6a;color:#fff;font-size:25px;cursor:pointer}.na-slide-controls>span{font-size:12px;color:#725a69}.na-slide-controls #na-position{font-weight:700;color:#a23b6a}.na-project-art{touch-action:pan-y;cursor:grab;user-select:none}.na-project-art:active{cursor:grabbing}.na-project-art:focus-visible{outline:2px solid #a23b6a;outline-offset:8px}.na-project-heading strong{font-size:22px;line-height:1.3;color:#a23b6a;display:inline-block;margin-bottom:8px}