:root{--portfolio-canvas:1760px;--case-header-height:66px}.reference-nav__links button,.reference-nav__actions,.reference-hero__aside nav button,.product-kicker,.product-cta,.product-rail-title,.product-index,.product-live-label,.case-label,.section-mark,.case-reference__back,.case-reference__actions button{text-rendering:geometricprecision}.reference-nav{grid-template-columns:170px 1fr auto;height:58px;min-height:58px;padding-inline:clamp(24px,3.2vw,58px)}.reference-nav__brand{font-size:24px}.reference-nav__links button,.reference-nav__actions{letter-spacing:.15em;font-size:10px}.reference-nav__links{gap:clamp(34px,4.2vw,72px)}.reference-nav__locale{font-size:10px}.reference-nav__actions{gap:30px}.reference-hero__grid,.product-shell{max-width:var(--portfolio-canvas);margin-inline:auto}.reference-hero{height:clamp(390px,24vw,500px)}.reference-hero__grid{padding:clamp(30px,2.2vw,42px) clamp(28px,3.2vw,58px) 0}.reference-hero__aside>p{font-size:15px}.reference-hero__aside nav button{font-size:9px}.reference-hero__index{margin-top:clamp(88px,7vw,126px);font-size:10px}.reference-hero__copy{padding-top:28px}.reference-hero__copy h1{font-size:clamp(92px,8.1vw,146px)}.reference-hero__copy h2{font-size:clamp(29px,2.2vw,39px)}.reference-hero__copy>p{max-width:480px;font-size:clamp(21px,1.55vw,29px)}.reference-hero__action{margin-top:34px;font-size:11px}.reference-hero__statement{margin-top:96px;font-size:9px}.reference-hero__art img{width:127%;right:-17%}.product-shell{grid-template-columns:minmax(310px,28%) minmax(600px,1fr) 150px;gap:clamp(30px,2.4vw,44px);min-height:clamp(430px,28vw,520px);padding:clamp(46px,3.1vw,62px) clamp(28px,3.2vw,58px)}.product-kicker{margin-bottom:18px;font-size:9px}.product-title{font-size:clamp(64px,5vw,94px)}.product-subtitle{margin-top:18px;font-size:clamp(30px,2.1vw,40px)}.product-description{color:#11110f9e;max-width:370px;font-size:18px;line-height:1.18}.product-cta{margin-top:23px;font-size:9px}.product-visual-wrap{height:clamp(310px,22vw,390px)}.product-live{flex-basis:132%;width:132%;transform:translate(22px)scale(.76)}.product-live--narriv{flex-basis:130%;width:130%;transform:translate(22px)scale(.78)}.product-live-label{font-size:8px;top:8px;right:12px}.product-rail{min-height:290px;padding-left:20px}.product-rail-title{color:#11110f99;font-size:9px}.product-rail-list{color:#11110fb3;gap:7px;margin-top:30px;font-size:12px;line-height:1.22}.product-index,.case-label,.section-mark{font-size:9px}.case-reference__intro{padding-inline:clamp(28px,3.2vw,58px)}.case-reference__meta dt{font-size:8px}.case-reference__meta dd{font-size:11px}.case-reference__back,.case-reference__actions button{font-size:9px}.portfolio-case-shell{padding-top:var(--case-header-height)}.portfolio-case-header{--case-accent:#111;z-index:220;width:100%;min-height:var(--case-header-height);-webkit-backdrop-filter:blur(22px)saturate(135%);color:#11110f;background:#f6f4efe6;border-bottom:1px solid #11110f26;grid-template-columns:150px minmax(250px,.75fr) 1fr auto;align-items:center;gap:24px;padding:0 clamp(22px,3vw,52px);display:grid;position:fixed;inset:0 0 auto;box-shadow:0 8px 28px #11110f0b}.portfolio-case-header:after{content:"";background:var(--case-accent);width:76px;height:2px;position:absolute;bottom:-1px;left:0}.portfolio-case-header button{color:inherit}.portfolio-case-header__brand{letter-spacing:-.075em;justify-self:start;font:700 25px/1 Syne,sans-serif}.portfolio-case-header__identity{text-transform:uppercase;border-left:1px solid #11110f21;grid-template-columns:auto auto 1fr;align-items:center;gap:11px;min-width:0;padding-left:22px;font-family:JetBrains Mono,monospace;display:grid}.portfolio-case-header__identity span{color:var(--case-accent);font-size:9px;font-weight:700}.portfolio-case-header__identity strong{letter-spacing:.1em;white-space:nowrap;font-size:10px}.portfolio-case-header__identity em{color:#11110f7a;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;overflow:hidden}.portfolio-case-header__nav{justify-self:center;gap:clamp(24px,3vw,52px);display:flex}.portfolio-case-header__nav button,.portfolio-case-header__actions{text-transform:uppercase;letter-spacing:.14em;font:600 9px/1 JetBrains Mono,monospace}.portfolio-case-header__nav button{transition:color .2s,opacity .2s}.portfolio-case-header__nav button:hover{color:var(--case-accent)}.portfolio-case-header__actions{align-items:center;gap:22px;display:flex}.portfolio-case-header__locale{align-items:center;gap:6px;display:flex}.portfolio-case-header__locale button:not([data-active=true]),.portfolio-case-header__locale span{color:#11110f59}.portfolio-case-header__contact{border:1px solid #11110f2e;align-items:center;gap:8px;min-height:36px;padding:0 14px;display:inline-flex}.portfolio-case-header__contact:hover{border-color:var(--case-accent);color:var(--case-accent)}.portfolio-case-header__contact svg{width:13px;height:13px}.portfolio-case-footer{--case-accent:#111;--next-accent:#111;color:#11110f;background:#eae7e0;border-top:1px solid #11110f24;padding:42px clamp(22px,3vw,52px) 20px;position:relative}.portfolio-case-footer:before{content:"";background:var(--case-accent);width:96px;height:3px;position:absolute;top:-1px;left:clamp(22px,3vw,52px)}.portfolio-case-footer__top{grid-template-columns:180px minmax(220px,1fr) auto;align-items:start;gap:28px;padding-bottom:36px;display:grid}.portfolio-case-footer__brand{letter-spacing:-.08em;justify-self:start;font:700 clamp(34px,3vw,48px)/.9 Syne,sans-serif}.portfolio-case-footer__top p{color:#11110f94;margin:0;font:20px/1.05 Instrument Serif,serif}.portfolio-case-footer__back{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:8px;font:600 9px JetBrains Mono,monospace;display:inline-flex}.portfolio-case-footer__back svg{width:14px}.portfolio-case-footer__next{border-top:1px solid #11110f1f;border-bottom:1px solid #11110f1f;grid-template-columns:1fr auto;align-items:end;gap:30px;min-height:180px;padding:28px 0 34px;display:grid}.portfolio-case-footer__next>div{display:grid}.portfolio-case-footer__next span{color:var(--next-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px;font:700 9px JetBrains Mono,monospace}.portfolio-case-footer__next strong{letter-spacing:-.075em;font:700 clamp(58px,7vw,116px)/.78 Syne,sans-serif}.portfolio-case-footer__next em{color:#11110f85;margin-top:18px;font:clamp(20px,1.8vw,30px) Instrument Serif,serif}.portfolio-case-footer__next>button{border:1px solid #11110f33;border-radius:50%;place-items:center;width:clamp(66px,6vw,94px);height:clamp(66px,6vw,94px);transition:transform .25s,border-color .25s,color .25s;display:grid}.portfolio-case-footer__next>button:hover{border-color:var(--next-accent);color:var(--next-accent);transform:translate(4px,-4px)}.portfolio-case-footer__next svg{width:26px;height:26px}.portfolio-case-footer__bottom{text-transform:uppercase;letter-spacing:.13em;color:#11110f7a;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:18px;font:8px JetBrains Mono,monospace;display:grid}.portfolio-case-footer__bottom nav{color:#11110f;gap:28px;display:flex}.portfolio-case-footer__bottom>span:last-child{justify-self:end}@media (min-width:1900px){:root{--portfolio-canvas:1840px}.reference-hero{height:470px}.product-shell{min-height:500px}}@media (max-width:1180px){.portfolio-case-header{grid-template-columns:130px 1fr auto}.portfolio-case-header__nav,.portfolio-case-header__identity em{display:none}}@media (max-width:760px){:root{--case-header-height:58px}.reference-nav{height:56px;min-height:56px}.reference-nav__brand{font-size:22px}.reference-hero{height:590px}.product-shell{min-height:0}.portfolio-case-header{grid-template-columns:auto 1fr auto;gap:12px;padding-inline:16px}.portfolio-case-header__brand{font-size:21px}.portfolio-case-header__identity{gap:8px;padding-left:12px}.portfolio-case-header__identity em,.portfolio-case-header__actions>button:not(.portfolio-case-header__contact),.portfolio-case-header__contact{display:none}.portfolio-case-header__actions{gap:8px}.portfolio-case-header__locale{font-size:8px}.portfolio-case-footer{padding:34px 16px 16px}.portfolio-case-footer__top{grid-template-columns:1fr auto}.portfolio-case-footer__top p{display:none}.portfolio-case-footer__brand{font-size:34px}.portfolio-case-footer__next{min-height:150px}.portfolio-case-footer__next strong{font-size:clamp(44px,15vw,68px)}.portfolio-case-footer__bottom{grid-template-columns:1fr auto}.portfolio-case-footer__bottom nav{display:none}.portfolio-case-footer__bottom>span:last-child{justify-self:end}}
.portfolio-case-shell{padding-top:66px}.portfolio-case-header{z-index:260;-webkit-backdrop-filter:blur(20px)saturate(1.15);background:#f6f4eff5;width:100%;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 28px #11110f0e}.portfolio-case-header__brand,.portfolio-case-header__identity,.portfolio-case-header__nav,.portfolio-case-header__actions{z-index:1;position:relative}@media (max-width:760px){.portfolio-case-shell{padding-top:58px}}