@font-face{font-family:Narratype;src:url('Narratype-Bold.woff2') format('woff2'),url('Narratype-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.wyra-narrativa-page main div:has(>div>[id^="cover-narrativa"]){display:none!important}
.wyra-project-body:has(.narrativa-case){max-width:none;padding:0;gap:0}.wyra-project-custom:has(.narrativa-case){padding:0!important;max-width:none!important}
.narrativa-case{--n-wine:#661c32;--n-coral:#f77049;--n-lime:#d7ed72;color:#40363a;background:#fff8f0;font-family:Manrope,system-ui,sans-serif;isolation:isolate}
.narrativa-case,.narrativa-case *{box-sizing:border-box}
.wyra-v2 main .narrativa-case section,.narrativa-case section{padding:0!important;margin:0!important;max-width:none!important}
.wyra-v2 main .narrativa-case section>div,.narrativa-case .n-inner{width:100%;max-width:1472px!important;margin:auto!important;padding:clamp(44px,6vw,100px) clamp(24px,6vw,90px)!important}
.narrativa-case .n-light{background:white}.narrativa-case .n-cream{background:#fff8f0}
.narrativa-case .n-intro{background:#661c32;color:#fff8f0}
.narrativa-case .n-eyebrow{margin:0 0 30px;font-size:12px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:inherit}
.wyra-v2 main .narrativa-case .n-intro h2,.narrativa-case .n-intro h2{font-size:clamp(40px,6.4vw,100px)!important;line-height:1.06!important;letter-spacing:-.045em!important;font-weight:600!important;margin:0 0 clamp(48px,7vw,112px)!important;max-width:none!important;color:inherit}
.narrativa-case .n-intro h2 span{color:#d7ed72}
.narrativa-case .n-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px 64px;align-items:start}
.wyra-v2 main .narrativa-case .n-copy h2,.narrativa-case .n-copy h2,.narrativa-case .n-copy h3{font-size:clamp(26px,3vw,44px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:600!important;margin:0!important;color:inherit}
.narrativa-case .n-light h2,.narrativa-case .n-cream h2{color:#661c32!important}
.narrativa-case .n-copy p{font-size:clamp(17px,1.55vw,23px);line-height:1.65;margin:0;max-width:55ch;color:inherit}
.narrativa-case figure.n-stage,.narrativa-case figure.n-video{display:block;position:relative;overflow:hidden;width:100%;margin:0!important;padding:0;max-width:none;background:#fff8f0}
.narrativa-case .n-video{aspect-ratio:16/9;background:#661c32!important}
.narrativa-case .n-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;aspect-ratio:auto}
.narrativa-case .n-canvas{position:absolute;inset:0 auto auto 0;width:2880px;transform:scale(var(--n-scale,1));transform-origin:top left;overflow:hidden}
.narrativa-case .n-canvas *{max-width:none!important}
.narrativa-case .n-canvas p{margin:0;padding:0}
.narrativa-case .n-canvas img{aspect-ratio:auto!important;border-radius:0;vertical-align:middle}
.narrativa-case .n-canvas>div{width:100%;height:100%}
.narrativa-case .n-diagram{max-width:440px;margin:48px auto 0}
.narrativa-case .n-materials{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,5vw,72px);margin-top:64px}
.narrativa-case .n-materials img{display:block;width:100%;height:auto;aspect-ratio:514.852/230.379;object-fit:contain}
.narrativa-case .n-colors{display:flex;gap:12px;margin-top:56px;overflow:hidden}
.narrativa-case .n-color{position:relative;flex:1;min-width:0;height:clamp(260px,29vw,390px);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;animation:n-color-width 13.5s infinite linear}
.narrativa-case .n-color-1{animation-delay:-9s}.narrativa-case .n-color-2{animation-delay:-4.5s}
.narrativa-case .n-color h3{font-size:16px;line-height:1.3;margin:0 0 8px;color:inherit}.narrativa-case .n-color p{font-size:12px;line-height:1.5;margin:0;color:inherit}
.narrativa-case .n-swatches{position:absolute;inset:16px 16px 96px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;opacity:0;animation:n-color-reveal 13.5s infinite linear}
.narrativa-case .n-color-1 .n-swatches{animation-delay:-9s}.narrativa-case .n-color-2 .n-swatches{animation-delay:-4.5s}
.narrativa-case .n-swatches div{position:relative;border:1px solid #ffffff55}.narrativa-case .n-swatches span{position:absolute;bottom:8px;left:4px;font-size:9px;writing-mode:vertical-rl}
.narrativa-case .n-motion-toggle,.narrativa-case .n-controls button{font:inherit;font-size:14px;border:1px solid currentColor;border-radius:999px;padding:12px 20px;background:transparent;color:inherit;cursor:pointer;margin-top:16px}
.narrativa-case .n-paused *{animation-play-state:paused!important}
@keyframes n-color-width{0%,7.407%{flex:1}18.519%,29.63%{flex:1.78}40.741%,74.074%{flex:.61}85.185%,100%{flex:1}}
@keyframes n-color-reveal{0%,7.407%{opacity:0}18.519%,29.63%{opacity:1}40.741%,100%{opacity:0}}
.narrativa-case .n-type-title{font-family:Narratype,sans-serif;font-weight:700;font-size:clamp(52px,12.8vw,190px);line-height:1.2;margin:0 0 40px;letter-spacing:-.025em}
.narrativa-case .n-font{ text-transform:lowercase;font-family:Narratype,Manrope,sans-serif;font-weight:700;font-synthesis:none}
.narrativa-case .n-specimen{padding:clamp(24px,4.5vw,64px);border-radius:3px;margin-top:24px;overflow:hidden}
.narrativa-case .n-specimen .n-font{font-size:clamp(34px,5.8vw,88px);line-height:1.25;margin:0;overflow-wrap:anywhere}
.narrativa-case .n-wine{background:#661c32;color:#fff8f0;margin-top:64px}.narrativa-case .n-pink{background:#ffcfed;color:#661c32}.narrativa-case .n-lime{background:#d7ed72;color:#661c32}.narrativa-case .n-coral{background:#f77049;color:#451323}
.narrativa-case .n-glyphs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.narrativa-case .n-glyphs .n-font{font-size:clamp(32px,3.4vw,52px);line-height:1.5}
.narrativa-case .n-tester{margin-top:64px;border-top:1px solid #661c3233;padding-top:48px;color:#661c32}
.wyra-v2 main .narrativa-case .n-tester h2,.narrativa-case .n-tester h2{font-size:clamp(30px,3.5vw,48px)!important;margin:0 0 24px!important;color:#661c32}
.narrativa-case .n-controls{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.narrativa-case .n-controls label{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.narrativa-case .n-controls button{margin:0}.narrativa-case input[type=range]{accent-color:#661c32;max-width:40vw}.narrativa-case output{min-width:60px;font-variant-numeric:tabular-nums}
.narrativa-case .n-input-label{display:block;margin-bottom:12px;font-size:14px}
.narrativa-case textarea{display:block;width:100%;min-height:280px;resize:vertical;border:1px solid #661c3244;border-radius:3px;background:#fff8f0;color:#661c32;font-size:80px;line-height:1.35;padding:24px;overflow-wrap:anywhere}
.narrativa-case button:focus-visible,.narrativa-case input:focus-visible,.narrativa-case textarea:focus-visible{outline:3px solid #661c32;outline-offset:4px}
@media(max-width:700px){.narrativa-case .n-copy,.narrativa-case .n-glyphs{grid-template-columns:1fr;gap:24px}.narrativa-case .n-materials{grid-template-columns:repeat(2,1fr);gap:32px}.narrativa-case .n-color{height:240px;padding:14px;animation:none}.narrativa-case .n-color h3{font-size:12px}.narrativa-case .n-color p{font-size:10px}.narrativa-case .n-swatches{inset:12px 12px 105px;grid-template-columns:repeat(2,1fr);opacity:1;animation:none}.narrativa-case textarea{font-size:48px;padding:16px}.narrativa-case .n-glyphs .n-font{font-size:38px}}
@media(prefers-reduced-motion:reduce){.narrativa-case *{animation:none!important;transition:none!important}.narrativa-case .n-swatches{opacity:1}}

.narrativa-case [style*="font-family:Narratype"]{text-transform:lowercase!important}

.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-type-title{font-size:clamp(52px,12.8vw,190px)!important;line-height:1.2!important}
.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-specimen .n-font{font-size:clamp(34px,5.8vw,88px)!important;line-height:1.25!important}
.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-glyphs .n-font{font-size:clamp(32px,3.4vw,52px)!important;line-height:1.5!important}
.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-eyebrow{font-size:12px!important;line-height:1.5!important}
.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-copy p{font-size:clamp(17px,1.55vw,23px)!important;line-height:1.65!important}
.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-color p{font-size:12px!important;line-height:1.5!important}
@media(max-width:700px){.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-color p{font-size:10px!important}}

.wyra-v2 main:not(.v2-page-home) .narrativa-case .n-canvas p{font-size:inherit!important;line-height:inherit!important}

.narrativa-case .n-table{margin:0!important;padding:0;background:#fff;width:100%}.narrativa-case .n-table img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9!important}

.narrativa-case .n-original{display:block;width:100%;margin:0!important;padding:0;background:white}.narrativa-case .n-original img{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;border-radius:0}
.narrativa-case .n-diagram .n-stage{background:transparent!important}

.narrativa-case [data-node-id="164:4274"]{width:1400px!important}
.narrativa-case [data-node-id="164:4274"] p{white-space:nowrap!important;overflow-wrap:normal!important}

.narrativa-case .n-palette{background:#fff!important;color:#241b20;padding-bottom:0!important}
.narrativa-case .n-palette>.n-inner{max-width:none;padding:0}
.narrativa-case .n-palette .n-copy{max-width:1600px;margin:0 auto 48px;padding:0 clamp(24px,6vw,80px)}
.narrativa-case .n-palette-video{aspect-ratio:2880/884!important;background:#fff!important}