.case-page--northline{--nl-ink:#123a34;--nl-ink-deep:#0b2824;--nl-mint:#dceee7;--nl-mint-strong:#b8d9ce;--nl-cream:#f3f0e8;--nl-coral:#df735e;--nl-line:color-mix(in srgb, var(--nl-ink) 15%, transparent);color:var(--nl-ink-deep);overflow:clip}.case-page--northline .case-hero{padding:clamp(88px,9vw,148px) 0 clamp(54px,7vw,96px);position:relative}.case-page--northline .case-hero:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid var(--nl-line);border-radius:50%;width:min(42vw,610px);position:absolute;top:8%;right:-12%;box-shadow:0 0 0 44px #b8d9ce1c,0 0 0 88px #b8d9ce0f}.case-page--northline .case-meta{color:var(--nl-ink);letter-spacing:.08em;justify-content:flex-start;align-items:center;gap:10px}.case-page--northline .case-meta span{border:1px solid var(--nl-line);background:#ffffff7a;border-radius:999px;padding:9px 13px}.case-page--northline .case-meta span:last-child{background:var(--nl-mint);border-color:#0000}.northline-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);align-items:end;gap:clamp(38px,7vw,110px);margin-top:clamp(42px,6vw,82px);display:grid}.case-page--northline .northline-hero-grid h1{color:var(--nl-ink-deep);letter-spacing:-.09em;margin:0;font-size:clamp(4.7rem,10vw,10.8rem);line-height:.72;display:grid}.case-page--northline .northline-hero-grid h1 span{color:var(--nl-ink);justify-self:end;font-weight:500}.northline-hero-copy{gap:28px;padding-bottom:4px;display:grid}.case-page--northline .northline-hero-copy p{color:#38554f;margin:0;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.62}.northline-hero-copy a{background:var(--nl-ink-deep);color:#fff;width:fit-content;min-height:56px;transition:transform .28s var(--ease-out), box-shadow .28s ease;border-radius:999px;justify-content:space-between;align-items:center;gap:22px;padding:6px 7px 6px 21px;font-size:.83rem;font-weight:750;display:inline-flex;box-shadow:0 15px 35px #0b282429}.northline-hero-copy a span{background:var(--nl-mint-strong);width:42px;height:42px;color:var(--nl-ink-deep);transition:transform .28s var(--ease-out);border-radius:50%;place-items:center;display:grid}.northline-hero-copy a:hover{transform:translateY(-4px);box-shadow:0 22px 44px #0b282438}.northline-hero-copy a:hover span{transform:rotate(45deg)}.case-page--northline .case-cover{border:1px solid var(--nl-line);background:var(--nl-ink-deep);border-radius:30px;width:min(100% - 56px,1440px);height:auto;min-height:0;padding:44px 12px 12px;position:relative;overflow:hidden;box-shadow:0 34px 100px #0b28242e}.case-page--northline .case-cover img{aspect-ratio:auto;object-fit:contain;object-position:top;border-radius:20px;width:100%;height:auto;display:block}.northline-browser-bar{color:#ffffffa6;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 16px;font-size:.64rem;display:grid;position:absolute;top:0;left:0;right:0}.northline-browser-bar>span{gap:6px;display:flex}.northline-browser-bar i{background:#ffffff47;border-radius:50%;width:7px;height:7px}.northline-browser-bar i:first-child{background:var(--nl-coral)}.northline-browser-bar b{letter-spacing:.04em;font-weight:500}.northline-browser-bar em{color:var(--nl-mint-strong);text-transform:uppercase;letter-spacing:.1em;justify-self:end;font-style:normal}.case-page--northline .case-summary{grid-template-columns:180px minmax(0,1fr);gap:clamp(30px,6vw,95px);padding:clamp(100px,11vw,158px) 0;position:relative}.case-page--northline .case-summary:after{content:"01";color:var(--nl-mint);letter-spacing:-.1em;pointer-events:none;font-size:clamp(7rem,17vw,17rem);font-weight:800;line-height:1;position:absolute;bottom:10%;right:0}.case-page--northline .section-label{z-index:1;border:1px solid var(--nl-line);width:fit-content;color:var(--nl-ink);background:#ffffff7a;border-radius:999px;align-self:start;padding:9px 13px;position:relative}.case-page--northline .northline-kicker{color:var(--nl-ink-deep);letter-spacing:.12em;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:0;font-size:.67rem;font-weight:760;display:inline-flex}.case-page--northline .northline-kicker span{background:var(--nl-ink-deep);width:31px;height:31px;color:var(--nl-mint-strong);letter-spacing:.04em;border-radius:10px;place-items:center;font-size:.61rem;display:grid;box-shadow:0 8px 18px #0b282421}.case-page--northline .northline-kicker b{font:inherit}.case-page--northline .case-summary>p:last-child{z-index:1;max-width:900px;color:var(--nl-ink-deep);font-size:clamp(2.25rem,4.1vw,4.45rem);line-height:1.02;position:relative}.case-page--northline .case-columns{grid-template-columns:.88fr 1.12fr;gap:20px;padding-bottom:clamp(100px,10vw,150px)}.case-page--northline .case-columns article{border:1px solid var(--nl-line);background:linear-gradient(145deg,#f6f3ec,#ebe7de);border-radius:34px;flex-direction:column;min-height:390px;padding:clamp(26px,4vw,52px);display:flex;box-shadow:0 18px 50px #0b28240f}.case-page--northline .case-columns article:last-child{background:var(--nl-ink-deep);color:#fff;border-color:#0000;position:relative;overflow:hidden}.case-page--northline .case-columns article:last-child:after{content:"03";color:#dceee712;letter-spacing:-.1em;pointer-events:none;font-size:clamp(9rem,17vw,16rem);font-weight:800;line-height:1;position:absolute;bottom:-13%;right:-2%}.case-page--northline .case-columns article:last-child .northline-kicker{color:var(--nl-mint-strong)}.case-page--northline .case-columns article:last-child .northline-kicker span{background:var(--nl-mint-strong);color:var(--nl-ink-deep)}.case-page--northline .case-columns h2{z-index:1;color:var(--nl-ink-deep);margin:clamp(60px,8vw,105px) 0 22px;font-size:clamp(2.55rem,4.25vw,4.65rem);line-height:.92;position:relative}.case-page--northline .case-columns article:last-child h2{color:#fff}.case-page--northline .case-columns article>p:last-child{z-index:1;color:#38554f;max-width:570px;line-height:1.65;position:relative}.case-page--northline .case-columns article:last-child>p:last-child{color:#f0faf7b3}.case-page--northline .case-details{border:1px solid var(--nl-line);background:#e7f2ed;border-radius:38px;margin-inline:max(16px,50vw - 770px);padding:18px;position:relative;overflow:hidden}.case-page--northline .case-details:after{content:"";aspect-ratio:1;border:1px solid #123a341a;border-radius:50%;width:min(42vw,580px);position:absolute;top:-48%;right:-11%;box-shadow:0 0 0 55px #123a3408,0 0 0 110px #123a3405}.case-page--northline .case-details-grid{z-index:1;grid-template-columns:.72fr 1.28fr;gap:18px;position:relative}.case-page--northline .case-details-grid>div{border-radius:25px;min-height:385px;padding:clamp(28px,4vw,52px)}.case-page--northline .case-details-grid>div:first-child{background:var(--nl-ink-deep)}.case-page--northline .case-details-grid>div:last-child{background:#ffffff91;border:1px solid #123a341a}.case-page--northline .case-details .northline-kicker{color:var(--nl-ink-deep)}.case-page--northline .case-details-grid>div:first-child .northline-kicker{color:#f0faf7}.case-page--northline .case-details-grid>div:first-child .northline-kicker span{background:var(--nl-mint-strong);color:var(--nl-ink-deep)}.case-page--northline .tag-list{gap:10px;margin-top:46px}.case-page--northline .tag-list li{color:#edf8f4;background:#ffffff14;border-color:#b8d9ce40;border-radius:999px;padding:11px 15px}.case-page--northline .feature-list{counter-reset:northline-feature;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:36px;display:grid}.case-page--northline .feature-list li{counter-increment:northline-feature;color:var(--nl-ink-deep);border-color:#123a3421;grid-template-columns:34px 1fr;gap:10px;padding:19px 0;display:grid}.case-page--northline .feature-list li:before{content:counter(northline-feature, decimal-leading-zero);color:#5e887d;font-size:.66rem}.case-page--northline .case-gallery{border:0;padding:clamp(110px,11vw,170px) 0}.case-page--northline .case-gallery-head{align-items:end;margin-bottom:54px}.case-page--northline .case-gallery h2{color:var(--nl-ink-deep);font-size:clamp(3.7rem,7vw,7.5rem);line-height:.86}.case-page--northline .case-gallery .text-link{border-color:var(--nl-line);background:var(--nl-mint);color:var(--nl-ink-deep)}.northline-showcase{grid-template-columns:1.05fr 1.22fr;gap:18px;display:grid}.northline-showcase article{border-radius:28px;min-height:370px;position:relative;overflow:hidden}.northline-showcase h3{letter-spacing:-.07em;margin:0;font-size:clamp(2.35rem,3.75vw,4.4rem);line-height:.91}.northline-identity{background:var(--nl-ink-deep);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,48px);display:flex}.northline-identity:after{content:"";aspect-ratio:1;border:1px solid #dceee72e;border-radius:50%;width:65%;position:absolute;bottom:-30%;right:-20%;box-shadow:0 0 0 45px #dceee70a,0 0 0 90px #dceee708}.northline-identity>p,.northline-principles>p{color:var(--nl-mint-strong);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.northline-identity h3{z-index:1;position:relative}.northline-identity h3 em{color:var(--nl-mint-strong);font-style:normal}.northline-identity small{z-index:1;color:#f0faf7ad;max-width:340px;font-size:.76rem;line-height:1.55;position:relative}.northline-swatches{z-index:1;gap:8px;display:flex;position:relative}.northline-swatches i{background:var(--nl-ink-deep);border:1px solid #fff3;border-radius:50%;width:31px;height:31px}.northline-swatches i:nth-child(2){background:var(--nl-mint-strong)}.northline-swatches i:nth-child(3){background:var(--nl-cream)}.northline-swatches i:nth-child(4){background:#d9ee9e}.northline-journey{border:1px solid var(--nl-line);background:var(--nl-mint);color:var(--nl-ink-deep);padding:clamp(28px,4vw,48px)}.northline-window{color:#52736a;letter-spacing:.08em;text-transform:uppercase;background:#ffffff75;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:.56rem;display:flex}.northline-window span{background:#7ea396;border-radius:50%;width:6px;height:6px}.northline-window span:nth-child(2){background:#b6d5c9}.northline-window span:nth-child(3){background:#df735e}.northline-window b{margin-left:auto;font-weight:650}.northline-mini-label{color:#547870;letter-spacing:.11em;text-transform:uppercase;margin:42px 0 15px;font-size:.65rem;font-weight:700}.northline-journey ol{grid-template-columns:repeat(3,1fr);gap:8px;margin:34px 0 0;padding:0;list-style:none;display:grid}.northline-journey li{background:#ffffff7a;border:1px solid #123a341c;border-radius:16px;grid-template-columns:36px 1fr;align-items:center;gap:11px;min-height:74px;padding:10px 12px;font-size:.75rem;line-height:1.25;display:grid;position:relative;box-shadow:0 10px 25px #0b28240d}.northline-journey li b{background:var(--nl-ink-deep);width:36px;height:36px;color:var(--nl-mint-strong);border-radius:50%;place-items:center;font-size:.59rem;display:grid}.northline-journey li span{font-weight:650}.northline-principles{background:var(--nl-ink-deep);color:#fff;border:0;grid-column:1/-1;grid-template-columns:.55fr 1.45fr;gap:34px;padding:clamp(28px,4vw,48px);display:grid;min-height:0!important}.northline-principles>p{color:var(--nl-mint-strong)}.northline-principles ul{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.northline-principles li{min-height:190px;transition:transform .28s var(--ease-out), background .28s ease;background:#ffffff0d;border:1px solid #dceee721;border-radius:20px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.northline-principles li:hover{background:#ffffff17;transform:translateY(-5px)}.northline-principles li>b{background:var(--nl-mint-strong);width:32px;height:32px;color:var(--nl-ink-deep);border-radius:10px;place-items:center;font-size:.61rem;display:grid}.northline-principles span{color:#f0faf7a6;gap:8px;font-size:.74rem;line-height:1.5;display:grid}.northline-principles strong{color:#fff;font-size:1.12rem}.case-page--northline .case-gallery-grid{gap:20px}.case-page--northline .case-gallery-grid figure{border:1px solid var(--nl-line);background:#fff;border-radius:26px;padding:10px;box-shadow:0 18px 50px #0b282414}.case-page--northline .case-gallery-grid img{aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:18px;width:100%;display:block}.case-page--northline .case-gallery-grid figcaption{color:#516b65;min-height:58px;padding:15px 10px 7px;line-height:1.5}.case-page--northline .case-result{background:var(--nl-mint);border-radius:40px;margin-bottom:clamp(80px,9vw,130px);padding:clamp(60px,8vw,110px);position:relative;overflow:hidden}.case-page--northline .case-result:after{content:"✓";color:#123a3414;font-size:clamp(12rem,24vw,25rem);font-weight:800;position:absolute;bottom:-18%;right:5%}.case-page--northline .case-result>p:nth-child(2){z-index:1;max-width:990px;color:var(--nl-ink-deep);font-size:clamp(2.35rem,4.7vw,5rem);line-height:.98;position:relative}.case-page--northline .case-result aside{z-index:1;border:1px solid var(--nl-line);border-left:1px solid var(--nl-line);color:#3d5b55;background:#ffffff6b;border-radius:16px;max-width:760px;padding:17px 20px;position:relative}.case-page--northline .case-next{background:var(--nl-ink-deep);color:#fff;border:0;border-radius:34px;margin-bottom:clamp(78px,8vw,120px);padding:clamp(40px,6vw,78px)}.case-page--northline .case-next p{max-width:650px;margin:0}.case-page--northline .case-next .button-primary{background:var(--nl-mint-strong);color:var(--nl-ink-deep);border:1px solid #ffffff1f}@media (width<=800px){.northline-hero-grid{grid-template-columns:1fr;gap:40px}.case-page--northline .northline-hero-grid h1{font-size:clamp(4.4rem,16vw,7rem)}.case-page--northline .northline-hero-grid h1 span{justify-self:start}.case-page--northline .case-cover{border-radius:22px;width:calc(100% - 32px);padding:40px 8px 8px}.case-page--northline .case-cover img{border-radius:15px;min-height:0}.northline-browser-bar{height:40px}.case-page--northline .case-summary{grid-template-columns:1fr}.case-page--northline .case-summary:after{bottom:2%}.case-page--northline .case-columns{grid-template-columns:1fr}.case-page--northline .case-columns article{min-height:390px}.case-page--northline .case-details{border-radius:28px;margin-inline:16px}.case-page--northline .case-details-grid{grid-template-columns:1fr}.case-page--northline .case-details-grid>div{min-height:0}.case-page--northline .feature-list{grid-template-columns:1fr}.case-page--northline .case-gallery-head{flex-direction:column;align-items:flex-start}.northline-showcase{grid-template-columns:1fr}.northline-principles{grid-column:auto;grid-template-columns:1fr}.case-page--northline .case-result{border-radius:28px;padding-inline:28px}.case-page--northline .case-next{border-radius:28px;padding:36px 24px}}@media (width<=430px){.case-page--northline .case-hero{padding-top:70px}.case-page--northline .case-meta{flex-wrap:wrap}.case-page--northline .northline-hero-grid h1{font-size:4rem;line-height:.8}.northline-hero-copy a{width:100%}.northline-browser-bar b{display:none}.case-page--northline .case-summary>p:last-child{font-size:2.35rem}.case-page--northline .case-columns article{border-radius:24px;min-height:350px;padding:24px}.case-page--northline .case-gallery h2{font-size:3.65rem}.case-page--northline .case-gallery-grid figure{border-radius:20px}.northline-showcase article{border-radius:23px;min-height:320px}.northline-journey ol,.northline-principles ul{grid-template-columns:1fr;gap:14px}.case-page--northline .case-result>p:nth-child(2){font-size:2.4rem}}@media (prefers-reduced-motion:reduce){.northline-hero-copy a,.northline-hero-copy a span{transition:none}}