/* Framing only: platform and historical site retain separate identities. */
.identity-visual.natalia-preview{container-type:inline-size;position:relative;display:block;aspect-ratio:1.6;padding:0;overflow:hidden;border:1px solid #d6d4e8;border-radius:16px;background:radial-gradient(ellipse at 90% 0,#dbd9f6,transparent 58%),#f4f3fa;color:#24375c;isolation:isolate;box-shadow:none}.nr-cover-brand{position:absolute;top:7%;left:5%;display:flex;gap:1.5cqw;align-items:center;z-index:2}.nr-monogram{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;font:bold 18px/1 Georgia,serif;flex:none}.nr-wordmark{font:600 23px/1.2 Georgia,serif;letter-spacing:-.7px}.nr-wordmark small{display:block;font:600 9px/1.4 Arial,sans-serif;letter-spacing:1px;margin-top:6px;color:#4276d7}.nr-cover-brand .nr-monogram{width:5cqw;height:5cqw;border-radius:1.1cqw;font-size:2cqw}.nr-cover-brand .nr-wordmark{font-size:2.9cqw;letter-spacing:-.09cqw}.nr-cover-brand .nr-wordmark small{font-size:.8cqw;letter-spacing:.13cqw;margin-top:.6cqw}.nr-cover-copy{position:absolute;top:27%;left:5%;width:55%;z-index:2}.nr-cover-copy>span{font:600 .85cqw/1.6 Arial,sans-serif;letter-spacing:.16cqw;color:#6b7299}.nr-cover-copy p{font:400 4.6cqw/1.13 Georgia,serif;letter-spacing:-.16cqw;margin:1.5cqw 0;color:#24375c}.nr-cover-portrait{position:absolute;right:5%;top:22%;width:31%;height:70%;border-radius:35% 35% 5px 5px;overflow:hidden;background:#ada9b6}.nr-cover-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;max-width:none}.nr-cover-window{position:absolute;left:5%;top:52%;width:63%;border:1px solid #b9bad7;border-radius:8px;overflow:hidden;background:white;box-shadow:0 15px 30px #34316826;z-index:3;max-height:40%}.nr-cover-window img{width:100%;max-width:none;height:auto;display:block}.nr-cover-bar{display:flex;align-items:center;gap:.9cqw;background:#e8e7f3;padding:.8cqw 1.2cqw;color:#777394;font:500 .8cqw/1.5 monospace}.nr-cover-bar>i{width:.5cqw;height:.5cqw;background:#9486d0;border-radius:50%}.nr-cover-foot{position:absolute;left:5%;bottom:3%;font:500 .75cqw/1.5 Arial,sans-serif;letter-spacing:.12cqw;color:#6f7592}.case-cover .project-art>div.identity-visual.natalia-preview{width:100%;max-width:1080px;box-shadow:none}
.natalia-showcase{border:1px solid #d8d5e9;border-radius:18px;overflow:hidden;background:#faf9fd;color:#263353;text-align:left;box-shadow:0 20px 50px #3c28620a}.nr-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 36px;background:#eeedf8;border-bottom:1px solid #dbd8ed}.nr-heading>div{display:flex;align-items:center;gap:16px}.nr-heading>p{font-size:14px;color:#595a83;text-align:right;margin:0;line-height:1.6}.nr-heading>p small{display:block;font-size:11px;color:#8a86a0;margin-top:4px}.nr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border-bottom:1px solid #e1deed}.nr-tabs button{display:flex;align-items:center;gap:14px;border:0;border-right:1px solid #e9e6f1;background:white;color:#868299;padding:22px 25px;text-align:left;min-width:0;font-family:inherit;cursor:pointer}.nr-tabs button>span{font:10px/1.4 monospace;color:#a1a0b8}.nr-tabs strong{font-size:14px;font-weight:500}.nr-tabs button[aria-selected=true]{background:#f5f2fc;box-shadow:inset 0 -3px #7b62bd;color:#51458f}.nr-tabs button:hover{background:#faf8fe}.nr-panels{padding:36px}.nr-panels [hidden]{display:none!important}.nr-step-copy{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin-bottom:30px}.nr-kicker{font:600 10px/1.6 Arial,sans-serif!important;letter-spacing:1.4px;color:#76618f!important;margin:0!important}.nr-kicker>span{margin-left:22px;color:#aaa0bc}.nr-step-copy h3{font:400 clamp(29px,3vw,39px)/1.15 Georgia,serif;letter-spacing:-1px;max-width:440px;margin:15px 0 0;color:#263353}.nr-step-copy p{font-size:14px;line-height:1.85;color:#797389;margin:0}.nr-step-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0 20px;padding:0;font-size:11px;color:#766792}.nr-step-copy li::before{content:'·';color:#a28ab9;margin-right:7px;font-size:16px}.nr-step-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.nr-step-actions button{padding:12px 17px;border:0;border-radius:6px;background:linear-gradient(110deg,#667eea,#764ba2);color:white;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}.nr-step-actions button:hover{background:#6954a7}.nr-step-actions a,.nr-history-copy a{font-size:12px;font-weight:500;color:#665094;text-decoration:underline;text-underline-offset:4px}.nr-screen-stage{border:1px solid #c8c1de;border-radius:10px;overflow:hidden;background:white;box-shadow:0 12px 30px #33204d0b}.nr-screen-bar{display:flex;justify-content:space-between;gap:18px;padding:10px 15px;background:#edeaf5;color:#9789ab;font:10px/1.5 monospace}.nr-screen-bar small{font:8px/1.5 Arial,sans-serif;letter-spacing:1.2px}.nr-screen-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4a7cb #f2eef8}.nr-screen-scroll img{display:block;width:100%;height:auto;max-width:none}.nr-screen-note{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.7;margin:12px 0 0;color:#766a84}.nr-selection{font:10px/1.5 monospace;margin:0;padding:0 36px 25px;color:#766a84}
.nr-history{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px;align-items:center;padding:36px;background:#fdf7fa;border:1px solid #eedee6;border-radius:16px}.nr-history-copy>span{font:600 10px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:#99627a}.nr-history-copy h3{font:400 31px/1.2 Georgia,serif;letter-spacing:-.7px;margin:18px 0;color:#624552}.nr-history-copy p{font-size:13px;line-height:1.85;color:#78616f;margin:0 0 22px}.nr-history-visual{padding:16px;background:#f3e5ed;border-radius:9px;min-width:0}.nr-history-visual .nr-screen-scroll{border-radius:5px;box-shadow:0 5px 20px #77536812}.nr-history-visual>p{font-size:10px;color:#7d6372;line-height:1.7;margin:12px 0 0}.nr-engineering{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:65px}.nr-engineering h3{font:400 34px/1.2 Georgia,serif;letter-spacing:-.8px;color:#263353}.nr-engineering ol{list-style:none;padding:0;margin:0}.nr-engineering li{display:flex;gap:22px;border-bottom:1px solid #e7e1ee;padding:22px 0}.nr-engineering li:first-child{padding-top:0}.nr-engineering li>span{font:11px/1.8 monospace;color:#b4a4c6}.nr-engineering h4{font-size:15px;color:#665680;margin:0 0 8px;font-weight:500}.nr-engineering li p{font-size:12px;color:#766b81;line-height:1.8;margin:0}
.nr-lightbox{width:min(1600px,96vw);height:min(1100px,94dvh);max-width:none;max-height:none;padding:0;border:1px solid #b7a7ce;border-radius:12px;background:#faf8fd;overflow:hidden;color:#4e3f65;box-shadow:0 30px 80px #24113a66}.nr-lightbox[open]{display:flex;flex-direction:column}.nr-lightbox::backdrop{background:#211932e0;backdrop-filter:blur(5px)}.nr-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #dfd5e9}.nr-lightbox-title{font-size:13px;font-weight:600;margin:0}.nr-lightbox-bar>div{display:flex;gap:8px}.nr-lightbox button{background:white;border:1px solid #d1c2e0;border-radius:5px;padding:9px 12px;font-family:inherit;font-size:12px;color:#665094;cursor:pointer}.nr-lightbox-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#eee8f5}.nr-lightbox-scroll img{width:100%;max-width:none;height:auto;display:block;margin:auto}.nr-lightbox-scroll.is-original img{width:var(--nr-native-width);max-width:none;margin:0}.nr-lightbox-note{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.6;color:#756482;padding:12px 20px;margin:0}.nr-lightbox-note a{color:#665094;text-decoration:underline;text-underline-offset:3px}.natalia-showcase :focus-visible,.nr-details :focus-visible{outline:2px solid #9075b1;outline-offset:4px}.nr-lightbox :focus-visible{outline-offset:-3px}
@media(max-width:1024px){.nr-tabs button{padding:21px 17px;gap:8px}.nr-tabs strong{font-size:12px}.nr-step-copy{gap:30px}.nr-history{grid-template-columns:1fr;gap:25px}.nr-history-copy{max-width:600px}.nr-engineering{gap:40px}}
@media(max-width:760px){.nr-cover-foot{display:none}.nr-cover-copy>span{font-size:1cqw;letter-spacing:.1cqw}.nr-cover-brand .nr-wordmark small{font-size:1cqw}.natalia-showcase{border-radius:12px}.nr-heading{padding:23px;align-items:flex-start;gap:20px}.nr-heading .nr-monogram{width:35px;height:35px;border-radius:8px;font-size:14px}.nr-heading>div{gap:11px}.nr-heading .nr-wordmark{font-size:18px;letter-spacing:-.5px}.nr-heading .nr-wordmark small{font-size:7px;letter-spacing:.6px}.nr-heading>p{display:none}.nr-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.nr-tabs button{padding:18px 20px;border-bottom:1px solid #e9e6f1;gap:10px}.nr-tabs strong{font-size:12px}.nr-panels{padding:26px 18px}.nr-step-copy{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.nr-step-copy h3{font-size:31px;margin-top:12px}.nr-step-copy p{font-size:13px}.nr-kicker{font-size:9px!important}.nr-step-copy ul{font-size:10px;gap:8px 15px}.nr-step-actions{gap:20px}.nr-step-actions button{font-size:11px;padding:11px 14px}.nr-step-actions a{font-size:11px}.nr-screen-bar{padding:9px 10px;font-size:8px}.nr-screen-bar small{display:none}.nr-screen-note{font-size:9px;display:block}.nr-screen-note>span{display:block;color:#8971a3;margin-top:4px}.nr-selection{font-size:9px;padding:0 18px 22px}.nr-history{padding:26px 22px;border-radius:12px;gap:22px}.nr-history-copy h3{font-size:28px}.nr-history-copy p{font-size:13px}.nr-history-visual{padding:10px;margin:0 -10px}.nr-history-visual>p{font-size:9px}.nr-engineering{grid-template-columns:1fr;gap:30px;margin-top:45px}.nr-engineering h3{font-size:29px}.nr-engineering li{gap:17px}.nr-lightbox-bar{padding:12px;flex-wrap:wrap}.nr-lightbox-title{font-size:12px}.nr-lightbox button{font-size:11px;padding:8px 10px}.nr-lightbox-note{padding:10px 12px;font-size:9px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.natalia-showcase *{scroll-behavior:auto!important}}

@media(max-width:760px){.nr-cover-copy{top:25%}.nr-cover-copy p{font-size:4.2cqw;line-height:1.1}.nr-cover-window{top:59%;max-height:33%}}