@font-face{font-family:Archivo;src:url(/brand/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/brand/fonts/mono.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--portfolio-paper:#fafaf6;--portfolio-red:#e8362b;--portfolio-margin:clamp(20px,4vw,70px);background:#080a0b;color:var(--portfolio-paper);font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:auto}html{scroll-padding-top:100px}body{overflow-x:clip;display:grid;grid-template-columns:minmax(0,1fr) auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid #e4ad78;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.portfolio-skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;background:var(--portfolio-paper);color:#111;padding:12px}.portfolio-skip:focus{transform:none}.portfolio-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px var(--portfolio-margin)}.portfolio-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:850;font-stretch:115%;letter-spacing:-.02em;text-transform:uppercase}.portfolio-brand img{display:block}.portfolio-back{font:10px/1.5 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.04em;padding:10px 0}.portfolio-intro{align-self:center;min-width:0;padding:0 20px 10px var(--portfolio-margin)}.portfolio-intro>p{display:none;font:10px/1.5 JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#b6b6b0;margin:0 0 12px}.portfolio-intro h1{font-size:clamp(30px,3.1vw,46px);line-height:1;letter-spacing:-.055em;font-weight:820;font-stretch:112%;margin:0}.portfolio-intro h1 span{color:var(--portfolio-red)}.portfolio-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--portfolio-margin) 10px 0;background:#090d0f30;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:0}.portfolio-hint{max-width:260px;margin:0;color:#bebeb8;font:10px/1.7 JetBrains Mono,monospace}.portfolio-switch{display:flex;padding:4px;border:1px solid #fafaf638;border-radius:99px;gap:2px;background:#090d0f88;flex-shrink:0}.portfolio-switch button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 18px;border:0;border-radius:99px;color:#c4c4be;background:transparent;font:11px/1.5 JetBrains Mono,monospace;transition:color .2s,background .2s}.portfolio-switch svg{width:17px;height:17px;fill:currentColor}.portfolio-switch button[aria-pressed=true]{background:var(--portfolio-paper);color:#111}.portfolio-switch button:hover{color:#fff;background:#fafaf61c}.portfolio-switch button[aria-pressed=true]:hover{color:#111;background:#fff}#portfolio{grid-column:1/-1;padding:22px var(--portfolio-margin) 30px;min-height:55vh}.portfolio-client{font:9px/1.5 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#e0ded6}.portfolio-title{font-size:clamp(18px,2.25vw,34px);line-height:1.07;font-weight:750;font-stretch:110%;letter-spacing:-.035em;max-width:100%;text-wrap:pretty}.portfolio-project-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 17px;border-radius:99px;background:var(--portfolio-paper);color:#111;font:10px/1.5 JetBrains Mono,monospace;white-space:nowrap;text-shadow:none;margin-top:7px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.portfolio-grid-card{display:flex;flex-direction:column;min-width:0;gap:14px}.portfolio-grid-image{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#101719}.portfolio-grid-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.portfolio-grid-card:hover .portfolio-grid-image img{transform:scale(1.035)}.portfolio-grid-copy{display:flex;flex-direction:column;gap:6px}.portfolio-grid-copy .portfolio-client{font-size:8px;color:#aaa9a3}.portfolio-grid-copy .portfolio-title{font-size:clamp(15px,1.35vw,22px);line-height:1.2}.portfolio-grid-copy .portfolio-project-action{align-self:flex-start;background:transparent;color:#d6b18d;border:1px solid #d6b18d4d;font-size:9px;padding:6px 12px;min-height:34px;margin-top:4px}.portfolio-footer{grid-column:1/-1;padding:28px var(--portfolio-margin) 70px;display:flex;gap:30px;align-items:center;justify-content:space-between;font:10px/1.7 JetBrains Mono,monospace;color:#bcbab3}.portfolio-footer a{padding:12px 0;color:var(--portfolio-paper)}@media(min-width:1700px){.portfolio-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-client{font-size:8px}}@media(max-width:700px){body{grid-template-columns:minmax(0,1fr)}.portfolio-header{padding-top:12px;padding-bottom:12px}.portfolio-brand{font-size:13px}.portfolio-brand img{width:24px;height:24px}.portfolio-back{font-size:8px}.portfolio-intro{padding:0 var(--portfolio-margin) 8px}.portfolio-intro h1{font-size:34px}.portfolio-toolbar{gap:8px;padding:2px var(--portfolio-margin) 8px}.portfolio-hint{max-width:180px;font-size:9px}.portfolio-switch button{padding:7px 12px;font-size:10px;gap:6px}.portfolio-switch svg{width:14px;height:14px}#portfolio{padding-top:18px}.portfolio-title{font-size:26px}.portfolio-client{font-size:9px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.portfolio-grid-copy .portfolio-title{font-size:15px}.portfolio-grid-copy .portfolio-client{font-size:8px}.portfolio-grid-image{aspect-ratio:4/3}.portfolio-grid-copy .portfolio-project-action{font-size:8px;padding:6px 10px}.portfolio-footer{align-items:flex-start;flex-direction:column;gap:8px;font-size:9px}}@media(max-width:370px){.portfolio-toolbar{flex-direction:column;align-items:flex-start}.portfolio-hint{max-width:none}.portfolio-switch{align-self:flex-end}.portfolio-intro h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.portfolio-grid-image img,.portfolio-switch button{transition:none}}.portfolio-reel{width:100%}.rf-root{--rf-bg:transparent;--rf-ink:#fafaf6;--rf-card:42%;--rf-aspect:1.7777777778;--rf-gap:18px;position:relative;width:100%;height:clamp(380px,49vw,max(380px,calc(100svh - 100px)));overflow:hidden;background:var(--rf-bg);color:var(--rf-ink);touch-action:pan-y;-webkit-user-select:none;user-select:none;container-type:size;isolation:isolate;outline:none}.rf-root[data-draggable]{cursor:grab}.rf-root[data-dragging]{cursor:grabbing}.rf-root[data-over-film]:not([data-dragging]){cursor:pointer}.rf-root:focus-visible{outline:2px solid #e4ad78;outline-offset:4px}.rf-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.rf-corner{position:absolute;z-index:1;pointer-events:none;font:9px/1.5 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:pre;display:flex;align-items:center;gap:.7em;color:#d6d3c9}.rf-corner:before{content:"";width:.55em;height:.55em;border:1px solid currentColor;flex:none;opacity:.7}.rf-tl{top:8px;left:14px}.rf-tr{top:8px;right:14px;flex-direction:row-reverse}.rf-fallback{position:absolute;inset:0;display:flex;align-items:center;gap:var(--rf-gap);overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}.rf-fallback-project,.rf-fallback>img{flex:0 0 var(--rf-card);min-width:var(--rf-card);width:var(--rf-card);aspect-ratio:var(--rf-aspect);scroll-snap-align:center}.rf-fallback-project{display:block}.rf-fallback-project img,.rf-fallback>img{width:100%;height:100%;object-fit:cover;display:block}.rf-root[data-ready] .rf-fallback{visibility:hidden}.rf-fallback>:first-child{margin-left:calc((100% - var(--rf-card))/2)}.rf-fallback>:last-child{margin-right:calc((100% - var(--rf-card))/2)}.rf-step{position:relative;z-index:2;width:44px;height:44px;border:1px solid #fafaf660;border-radius:50%;background:#0a1012cc;color:var(--portfolio-paper);font:20px/1 JetBrains Mono,monospace;cursor:pointer;transition:background .15s,color .15s}.portfolio-reel-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 var(--portfolio-margin);padding:4px 0 12px}.rf-prev,.rf-next{inset:auto}.rf-step:hover{background:var(--portfolio-paper);color:#111}.rf-step:focus-visible{outline:2px solid #e4ad78;outline-offset:3px}.rf-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.portfolio-reel-details{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:8px 0 18px;border-bottom:1px solid #fafaf625;min-height:90px}.portfolio-reel-copy{min-width:0}.portfolio-reel-copy .portfolio-client{margin:0 0 10px;color:#bfc0b7}.portfolio-reel-copy .portfolio-title{margin:0;max-width:40ch;font-size:clamp(21px,2.35vw,35px)}.portfolio-reel-action{flex:0 0 auto;min-height:48px;font-size:11px;padding:12px 22px;margin:0}.portfolio-reel-action:hover{background:#e4ad78}.portfolio-reel-index{margin-top:8px}.portfolio-reel-index-summary{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;min-height:44px;padding:10px 0;cursor:pointer;list-style:none;font:10px/1.5 JetBrains Mono,monospace;letter-spacing:.045em;text-transform:uppercase}.portfolio-reel-index-summary::-webkit-details-marker{display:none}.portfolio-reel-index-count{font-size:9px;opacity:.55}.portfolio-reel-index-icon{display:grid;place-items:center;width:24px;height:24px;margin-left:8px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:50%;font-size:18px;font-weight:400;line-height:1;transition:transform .18s}.portfolio-reel-index[open] .portfolio-reel-index-icon{transform:rotate(45deg)}.portfolio-reel-index-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:8px 0 0;padding:0;list-style:none}.portfolio-reel-index-list li{min-width:0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}.portfolio-reel-index-film{display:flex;align-items:baseline;gap:12px;width:100%;min-height:64px;padding:15px 8px;text-align:left;color:inherit;border:0;border-radius:0;background:transparent;transition:background .15s}.portfolio-reel-index-number{flex:none;min-width:2ch;font:9px/1.6 JetBrains Mono,monospace;opacity:.5}.portfolio-reel-index-title{font:500 13px/1.5 Archivo,sans-serif;text-wrap:pretty}.portfolio-reel-index-film:hover,.portfolio-reel-index-film[aria-current=true]{background:color-mix(in srgb,currentColor 6%,transparent)}.portfolio-reel-index-film[aria-current=true] .portfolio-reel-index-number{opacity:1;font-weight:800}.portfolio-reel-index-film[aria-current=true] .portfolio-reel-index-title{font-weight:750}@media(max-width:1000px){.portfolio-reel-index-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}@media(max-width:600px){.portfolio-reel-index-list{grid-template-columns:minmax(0,1fr)}.portfolio-reel-index-film{min-height:54px;padding:13px 6px}.portfolio-reel-index-title{font-size:12px}}@media(prefers-reduced-motion:reduce){.portfolio-reel-index-icon,.portfolio-reel-index-film{transition:none}}body[data-portfolio-view=reel] #portfolio{padding:0 0 24px}.portfolio-reel-details,.portfolio-reel-index{margin-inline:var(--portfolio-margin)}@container (max-width:600px){.rf-fallback-project,.rf-fallback>img{flex-basis:82%;min-width:82%;width:82%}.rf-fallback>:first-child{margin-left:9%}.rf-fallback>:last-child{margin-right:9%}}@media(max-width:700px){.rf-root{height:clamp(300px,86vw,460px)}.rf-corner{font-size:8px}.portfolio-reel-details{align-items:flex-start;flex-wrap:wrap;gap:16px;min-height:0;padding-top:8px}.portfolio-reel-copy{flex:1 1 100%}.portfolio-reel-copy .portfolio-title{font-size:25px}.portfolio-reel-action{min-height:44px;font-size:10px;padding:10px 18px}.portfolio-reel-controls{padding-bottom:10px}.rf-prev,.rf-next{inset:auto}}@media(prefers-reduced-motion:reduce){.rf-step{transition:none}}:root:has(body.novara-portfolio-page){--portfolio-paper: #ececec;--portfolio-ink: #161616;background:var(--portfolio-paper);color:var(--portfolio-ink);color-scheme:light}body.novara-portfolio-page{background:#e8e7dd;color:var(--portfolio-ink)}.novara-portfolio-page .novara-shader-r{background:linear-gradient(125deg,#e4b580,#e8e7dd 52%,#78a6b0)}.novara-portfolio-page .novara-shader-r-canvas{opacity:1}.novara-portfolio-page :focus-visible{outline-color:#a73a2f}.novara-portfolio-page .portfolio-intro>p,.novara-portfolio-page .portfolio-hint,.novara-portfolio-page .portfolio-client,.novara-portfolio-page .portfolio-reel-copy .portfolio-client,.novara-portfolio-page .portfolio-grid-copy .portfolio-client,.novara-portfolio-page .portfolio-reel-selection label,.novara-portfolio-page .portfolio-footer{color:#555753}.novara-portfolio-page .portfolio-toolbar{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.novara-portfolio-page .portfolio-switch{background:#ffffff30;border-color:#16161624}.novara-portfolio-page .portfolio-switch button{color:#555753}.novara-portfolio-page .portfolio-switch button:hover{color:#161616;background:#1616160b}.novara-portfolio-page .portfolio-switch button[aria-pressed=true],.novara-portfolio-page .portfolio-switch button[aria-pressed=true]:hover{color:#fafaf6;background:#161616}.novara-portfolio-page .rf-root{--rf-ink: #161616}.novara-portfolio-page .rf-corner{color:#40423e}.novara-portfolio-page .rf-step{border-color:#16161636;background:#ececece8;color:#161616}.novara-portfolio-page .rf-step:hover{background:#161616;color:#fafaf6}.novara-portfolio-page .portfolio-reel-details{border-color:#16161625}.novara-portfolio-page .portfolio-project-action{background:#161616;color:#fafaf6}.novara-portfolio-page .portfolio-reel-action:hover{background:#363835}.novara-portfolio-page .portfolio-grid-copy .portfolio-project-action{background:transparent;border-color:#1616163d;color:#353732}.novara-portfolio-page .portfolio-footer a{color:#161616}
