/* Work has its own compact, content-rich browser compositions. */
.work-v10{background:#f3f0e8;color:#181b22}.work-wrap{width:min(1424px,calc(100% - 80px));margin-inline:auto}.work-intro{padding:148px 0 34px;position:relative;overflow:hidden}.work-intro:after{content:"";position:absolute;width:290px;height:290px;border:1px solid #d8d2c3;border-radius:50%;right:-65px;top:56px;box-shadow:0 0 0 44px #e5dfd322,0 0 0 89px #e5dfd333;pointer-events:none}.work-intro-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.work-eyebrow{font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.work-eyebrow:before{content:"";width:8px;height:8px;background:#d89900;border-radius:50%}.work-index{display:flex;gap:8px;position:relative;z-index:1}.work-index a{padding:8px 16px;border:1px solid #bcb6a8;border-radius:100px;font-size:13px;font-weight:600}.work-index a:hover{background:#f2b705}.work-intro h1{font-size:clamp(50px,6.4vw,99px);line-height:.98;letter-spacing:-.075em;max-width:1050px;margin:0 0 26px;font-weight:800;position:relative;z-index:1}.work-intro h1 em{font-style:normal;color:#98700b}.work-intro-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;border-bottom:1px solid #bbb5a8;padding-bottom:30px}.work-intro-bottom p{font-size:20px;line-height:1.5;max-width:620px;margin:0}.work-intro-bottom .work-disclosure{font-size:14px;line-height:1.6;max-width:410px;color:#54564f;margin-left:auto}.work-case{padding:34px 0 48px;scroll-margin-top:88px}.work-case-head{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(380px,1.28fr);gap:50px;align-items:end;margin-bottom:23px}.work-case-head h2{font-size:clamp(34px,3.75vw,60px);letter-spacing:-.055em;line-height:1.04;margin:8px 0 0}.work-case-head p{font-size:18px;line-height:1.5;margin:0;max-width:680px}.work-case-head .work-category{font-size:13px;letter-spacing:.04em;color:#686960}.work-category span{margin:0 8px;color:#a19883}.work-case-note{display:grid;grid-template-columns:1fr 1fr auto;gap:32px;padding:21px 0 0;align-items:start}.work-case-note p{font-size:15px;line-height:1.5;margin:0;color:#565952;max-width:440px}.work-case-note strong{color:#181b22;display:block;margin-bottom:4px;font-size:15px}.work-open{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:47px;padding:12px 18px;background:#181b22;color:#f6f3eb;border:1px solid #181b22;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}.work-open:hover{background:#efb800;color:#181b22}.work-open span{font-size:20px;line-height:1}.work-case.ora-case{background:#e2e6dc}.work-case.polana-case{background:#d7d0bf}.work-case+.work-case{border-top:1px solid #c1bbaa}.work-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0}.work-cta h2{font-size:clamp(31px,3.6vw,54px);line-height:1.08;letter-spacing:-.055em;margin:0 0 10px}.work-cta p{font-size:18px;margin:0;color:#55584f}
.project-comparison,.project-preview{position:relative;border:1px solid #87897f;box-shadow:0 20px 48px -32px #171a214f;container-type:inline-size;background:#131918;isolation:isolate;overflow:hidden}.project-browser-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#eeeee9;color:#656860;font:10px/1.2 "IBM Plex Mono",monospace;border-bottom:1px solid #bdbfb5;letter-spacing:.025em}.project-browser-bar>span:first-child{display:flex;gap:5px}.project-browser-bar i{height:6px;width:6px;border-radius:50%;background:#b1b4a9}.project-browser-bar b{font:inherit;color:#52564c}.project-viewport{height:clamp(345px,40cqw,560px);position:relative;overflow:hidden}.project-comparison .project-side{position:absolute;inset:0;overflow:hidden}.project-comparison .project-side-before{z-index:2;clip-path:inset(0 calc(100% - var(--split,35%)) 0 0)}.project-compare-line{position:absolute;top:36px;bottom:52px;left:var(--split,35%);width:2px;background:#f7b900;z-index:4;pointer-events:none;transform:translateX(-1px);box-shadow:0 0 18px #0005}.project-compare-line:before{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;color:#171a21;background:#f1b705;border:4px solid #fff;font-size:25px;font-family:Arial,sans-serif;border-radius:50%;box-shadow:0 3px 15px #0003}.project-range{position:absolute;z-index:5;left:0;top:36px;width:100%;height:calc(100% - 88px);opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y}.project-range:focus-visible+.project-compare-line:before{outline:4px solid #171a21;outline-offset:4px}.project-control-bar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;background:#181b22;color:#f3f0e8;font-size:12px;position:relative;z-index:6}.project-control-bar strong{font-weight:600;display:flex;align-items:center;gap:7px}.project-control-bar strong:before{content:"";height:6px;width:6px;border-radius:50%;background:#a9aba5}.project-control-bar strong:last-child:before{background:#f2b705}.project-controls{display:flex;align-items:center;gap:12px}.project-controls>span{color:#c7cbc5;font-size:12px}.project-pause{font-size:11px;color:#f3f0e8;background:none;border:1px solid #6b716b;padding:5px 10px;cursor:pointer;line-height:1.2;min-height:28px}.project-pause:hover{border-color:#f1b705;color:#f1b705}.project-preview .project-viewport{height:clamp(340px,40cqw,560px)}
.demo-canvas{position:relative;width:100%;height:100%;overflow:hidden;font-family:"Figtree",Arial,sans-serif;line-height:1.4}.demo-canvas h3,.demo-canvas h4,.demo-canvas p{margin:0;letter-spacing:normal;line-height:inherit;font-family:inherit;font-weight:400}.demo-canvas a{pointer-events:none}.demo-canvas .demo-brand{font-weight:700;letter-spacing:-.04em;white-space:nowrap}.demo-canvas .demo-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.demo-canvas .demo-nav-links{display:flex;gap:2.1cqw;align-items:center;font-size:.85cqw}.demo-canvas .demo-small{font-size:.8cqw;text-transform:uppercase;letter-spacing:.1em}.demo-canvas .demo-action{font-size:.85cqw;padding:.85cqw 1.2cqw;display:inline-flex;align-items:center;justify-content:space-between;gap:1.8cqw;font-weight:600}
.demo-nord{background:#17201f;color:#f1f0e9}.demo-nord .demo-nav{height:5cqw;padding:0 3.2cqw;border-bottom:1px solid #eaf1e226}.demo-nord .demo-brand{font-size:1.85cqw;letter-spacing:-.035em}.demo-nord .demo-brand i{display:inline-block;width:1.2cqw;height:1.2cqw;background:#ccd966;transform:skewY(-21deg);margin-right:.5cqw}.demo-nord .demo-nav .demo-action{background:#cdd879;color:#18211c;font-size:.73cqw;padding:.65cqw .9cqw}.demo-nord-hero{height:27.2cqw;position:relative;overflow:hidden;padding:2.5cqw 3.2cqw}.demo-nord-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 53%}.demo-nord-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c1416df 0%,#0d1516c2 30%,#0d151647 57%,transparent 77%)}.demo-nord-copy{position:relative;z-index:1;width:55%}.demo-nord .demo-small{color:#d4df8a;display:block;margin-bottom:1cqw}.demo-nord h3{font-size:4.4cqw;line-height:.99;letter-spacing:-.05em;font-weight:500;margin-bottom:1.1cqw}.demo-nord-copy p{max-width:28cqw;color:#c6cdca;font-size:1.03cqw;line-height:1.45;margin-bottom:1.2cqw}.demo-nord-copy .demo-action{background:#cad67b;color:#17201f}.demo-nord-caption{position:absolute;right:3.3cqw;bottom:1.8cqw;z-index:1;color:#d3d8d2;font-size:.73cqw;text-align:right}.demo-nord-strip{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;padding:1.45cqw 3.2cqw;gap:2.5cqw;border-top:1px solid #e9eada35;align-items:start}.demo-nord-strip p{font-size:1.15cqw;line-height:1.3;letter-spacing:-.02em}.demo-nord-strip div{border-left:1px solid #e4e7da35;padding-left:1.35cqw}.demo-nord-strip strong{font-size:1.05cqw;display:block;font-weight:500}.demo-nord-strip small{font-size:.77cqw;color:#aeb9b1;line-height:1.35;display:block;margin-top:.32cqw}
.demo-old{background:#f5f6f7;color:#323d4e;font-family:Arial,sans-serif}.demo-old-top{height:2cqw;background:#e7e9ec;color:#687384;display:flex;align-items:center;justify-content:space-between;padding:0 8cqw;font-size:.64cqw}.demo-old .demo-nav{height:5.3cqw;padding:0 8cqw;background:#fff}.demo-old .demo-brand{font-size:1.9cqw;color:#224b78;line-height:1.1}.demo-old .demo-brand small{display:block;font-weight:400;font-size:.64cqw;letter-spacing:.025em;margin-top:.3cqw}.demo-old .demo-nav-links{font-size:.75cqw;gap:1.3cqw}.demo-old-banner{position:relative;height:13.9cqw;background:#244971;overflow:hidden}.demo-old-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;opacity:.47;filter:saturate(.48)}.demo-old-banner div{position:absolute;left:8cqw;top:3.25cqw;color:white}.demo-old-banner h3{font-size:2.3cqw;font-weight:bold;line-height:1.2;letter-spacing:0}.demo-old-banner p{font-size:1cqw;margin-top:.7cqw}.demo-old-body{display:grid;grid-template-columns:1.9fr 1fr;gap:3.6cqw;padding:2.1cqw 8cqw}.demo-old-body h4{font-size:1.48cqw;font-weight:bold;margin-bottom:1cqw;border-bottom:2px solid #204b78;padding-bottom:.5cqw}.demo-old-body p{font-size:.86cqw;line-height:1.65;color:#657080;margin-bottom:.9cqw}.demo-old-body .demo-action{font-size:.75cqw;padding:.5cqw 1cqw;background:#254c77;color:white}.demo-old-body aside{background:#e6eaf0;padding:1.1cqw;font-size:.78cqw}.demo-old-body aside strong{display:block;font-size:1.06cqw;margin-bottom:.7cqw}
.demo-ora{background:#f3f1e8;color:#263b32}.demo-ora .demo-nav{height:5.5cqw;padding:0 3.2cqw;border-bottom:1px solid #acb6a844}.demo-ora .demo-brand{font:italic 3.4cqw/1 Georgia,serif;letter-spacing:-.1em}.demo-ora .demo-nav .demo-action{background:#344c40;color:#fff;font-size:.78cqw;padding:.7cqw 1.1cqw}.demo-ora-hero{height:27.2cqw;display:grid;grid-template-columns:48% 52%}.demo-ora-copy{padding:2.6cqw 2cqw 1.5cqw 3.2cqw;position:relative}.demo-ora-copy .demo-small{font-size:.75cqw;color:#697665;display:block;margin-bottom:1.25cqw}.demo-ora h3{font-family:Georgia,serif;font-size:4cqw;line-height:1.02;letter-spacing:-.035em;max-width:41cqw}.demo-ora h3 em{font-weight:400}.demo-ora-copy p{font-size:1.02cqw;line-height:1.5;max-width:30cqw;margin:1.25cqw 0;color:#5c6d5c}.demo-ora-copy .demo-action{background:#344c40;color:#fff;padding:.75cqw 1.1cqw;font-size:.79cqw}.demo-ora-photo{position:relative;overflow:hidden;margin:1.5cqw 1.5cqw 1.5cqw 0;border-radius:0 0 0 5cqw}.demo-ora-photo>img{width:100%;height:100%;object-fit:cover;object-position:30% 50%}.demo-ora-photo>span{position:absolute;bottom:1.3cqw;right:1.3cqw;background:#f5f3e9ed;padding:.6cqw 1cqw;font-size:.77cqw;color:#344c40}.demo-ora-strip{border-top:1px solid #c8cdbb;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;align-items:center;gap:1.8cqw;margin:0 3.2cqw;padding:1.6cqw 0}.demo-ora-strip strong{font-family:Georgia,serif;font-weight:400;font-size:1.4cqw;line-height:1.18}.demo-ora-strip span{font-size:.94cqw;line-height:1.3;border-left:1px solid #bbc4b4;padding-left:1.5cqw}.demo-ora-strip small{display:block;font-size:.71cqw;color:#718069;margin-top:.3cqw}
.demo-polana{background:#f1eee5;color:#fff}.demo-polana-image{position:absolute;inset:0 0 6.5cqw;width:100%;height:calc(100% - 6.5cqw);object-fit:cover;object-position:50% 61%}.demo-polana-shade{position:absolute;inset:0 0 6.5cqw;background:linear-gradient(180deg,#12251d78,transparent 45%,#10221790)}.demo-polana .demo-nav{height:6cqw;padding:0 3.2cqw;border-bottom:1px solid #ffffff55}.demo-polana .demo-brand{font-family:Georgia,serif;letter-spacing:.09em;font-size:2cqw;line-height:1}.demo-polana .demo-brand small{font-family:"Figtree",sans-serif;display:block;font-size:.6cqw;letter-spacing:.21em;margin-top:.5cqw;text-align:center}.demo-polana .demo-action{border:1px solid #ffffffe0;font-size:.75cqw;padding:.72cqw 1cqw}.demo-polana-copy{position:relative;z-index:1;padding:3.1cqw 3.2cqw;display:flex;justify-content:space-between;align-items:end;height:27.5cqw}.demo-polana h3{font-family:Georgia,serif;font-size:7.1cqw;line-height:.89;letter-spacing:-.055em;font-weight:400;margin-top:.8cqw}.demo-polana-copy p{max-width:21cqw;font-size:1cqw;line-height:1.5;margin-bottom:.4cqw;text-shadow:0 1px 12px #132619}.demo-polana-copy .demo-small{font-size:.73cqw;letter-spacing:.15em}.demo-polana-book{position:absolute;bottom:0;left:0;right:0;height:6.5cqw;color:#294136;background:#f1eee5;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.25fr;gap:1.4cqw;align-items:center;padding:0 3.2cqw}.demo-polana-book>strong{font:1.4cqw/1.1 Georgia,serif;letter-spacing:-.025em}.demo-polana-book>span{font-size:.83cqw;border-left:1px solid #c6cebe;padding-left:1.3cqw}.demo-polana-book small{display:block;font-size:.62cqw;color:#7c8875;margin-bottom:.3cqw}.demo-polana-book .demo-action{background:#294136;color:white;justify-content:center;border:0;font-size:.67cqw;gap:.75cqw}
.project-preview.is-card .project-viewport{height:40cqw;min-height:0}.project-preview.is-card .project-browser-bar{height:27px;padding:0 10px;font-size:9px}.project-preview.is-card{border-color:#9b9e91}
@media(max-width:900px){.work-wrap{width:calc(100% - 40px)}.work-intro{padding-top:122px}.work-intro h1{font-size:clamp(44px,8.6vw,77px)}.work-intro-bottom{gap:32px}.work-intro-bottom p{font-size:18px}.work-case-head{grid-template-columns:.65fr 1fr;gap:25px}.work-case-head p{font-size:16px}.work-case-note{grid-template-columns:1fr 1fr;gap:20px}.work-case-note .work-open{grid-column:1/-1;justify-self:start}.project-viewport,.project-preview .project-viewport{height:40cqw;min-height:0}.project-control-bar{padding-inline:12px}.project-controls>span{display:none}.work-cta{align-items:start}.work-cta p{font-size:16px}}
@media(max-width:600px){.work-wrap{width:calc(100% - 32px)}.work-intro{padding:112px 0 20px}.work-intro-top{display:block;margin-bottom:21px}.work-index{margin-top:18px;gap:6px}.work-index a{font-size:12px;padding:6px 12px}.work-intro h1{font-size:clamp(39px,10.7vw,62px);margin-bottom:24px}.work-intro h1 br{display:none}.work-intro-bottom{grid-template-columns:1fr;gap:16px;padding-bottom:23px}.work-intro-bottom p{font-size:17px}.work-intro-bottom .work-disclosure{font-size:12px;margin-left:0;max-width:100%;padding:12px 14px;border-left:2px solid #b38813;background:#e8e3d8}.work-case{padding:26px 0 30px}.work-case-head{grid-template-columns:1fr;gap:13px;margin-bottom:18px}.work-case-head h2{font-size:37px;margin-top:4px}.work-case-head p{font-size:16px;line-height:1.45}.work-case-head .work-category{font-size:11px}.work-case-note{grid-template-columns:1fr;gap:13px;padding-top:17px}.work-case-note p{font-size:14px;line-height:1.45}.work-case-note strong{font-size:14px;margin-bottom:3px}.work-case-note .work-open{margin-top:2px;width:100%;font-size:14px}.project-browser-bar{height:28px;font-size:8px;padding:0 8px}.project-browser-bar b{display:none}.project-browser-bar i{height:5px;width:5px}.project-control-bar{height:46px;font-size:10px;padding-inline:9px;gap:6px}.project-pause{font-size:10px;padding:5px 7px;min-height:27px}.project-controls{gap:0}.project-compare-line{top:28px;bottom:46px}.project-compare-line:before{width:35px;height:35px;border-width:3px;font-size:21px}.project-range{top:28px;height:calc(100% - 74px)}.project-viewport,.project-preview .project-viewport,.project-preview.is-card .project-viewport{height:57cqw}.demo-nord .demo-nav{height:7cqw}.demo-nord-hero{height:35.4cqw;padding-top:4cqw}.demo-nord h3{font-size:5.7cqw}.demo-nord-copy{width:64%}.demo-nord-copy p{max-width:40cqw;font-size:1.6cqw}.demo-nord .demo-small{font-size:1.2cqw}.demo-nord .demo-action{font-size:1.2cqw}.demo-nord-strip{padding-top:2.6cqw;gap:1cqw;grid-template-columns:1.05fr 1fr 1fr 1fr}.demo-nord-strip p{font-size:1.8cqw}.demo-nord-strip strong{font-size:1.5cqw}.demo-nord-strip small{font-size:1.18cqw}.demo-nord .demo-nav-links,.demo-ora .demo-nav-links,.demo-polana .demo-nav-links{font-size:1.1cqw}.demo-nord .demo-brand{font-size:2.4cqw}.demo-nord .demo-nav .demo-action{font-size:1.1cqw}.demo-old-top{height:3cqw;font-size:.9cqw}.demo-old .demo-nav{height:7cqw;padding-inline:5cqw}.demo-old .demo-brand{font-size:2.6cqw}.demo-old .demo-brand small{font-size:.9cqw}.demo-old .demo-nav-links{font-size:1cqw}.demo-old-banner{height:18cqw}.demo-old-banner div{left:5cqw;top:4cqw}.demo-old-banner h3{font-size:3.3cqw}.demo-old-banner p{font-size:1.6cqw}.demo-old-body{padding:3cqw 5cqw;grid-template-columns:1.5fr 1fr;gap:3cqw}.demo-old-body h4{font-size:2.3cqw}.demo-old-body p{font-size:1.25cqw}.demo-old-body aside{font-size:1.2cqw}.demo-old-body aside strong{font-size:1.65cqw}.demo-old-body .demo-action{font-size:1.15cqw}.demo-ora .demo-nav{height:7cqw}.demo-ora .demo-brand{font-size:4.8cqw}.demo-ora .demo-nav .demo-action{font-size:1.1cqw}.demo-ora-hero{height:37cqw}.demo-ora-copy{padding-top:5cqw}.demo-ora-copy .demo-small{font-size:1.15cqw}.demo-ora h3{font-size:5.2cqw}.demo-ora-copy p{font-size:1.5cqw;max-width:40cqw}.demo-ora-copy .demo-action{font-size:1.15cqw;margin-top:1cqw}.demo-ora-photo>span{font-size:1cqw}.demo-ora-strip{padding-top:2cqw}.demo-ora-strip strong{font-size:2cqw}.demo-ora-strip span{font-size:1.4cqw}.demo-ora-strip small{font-size:1.05cqw}.demo-polana .demo-nav{height:8cqw}.demo-polana .demo-brand{font-size:2.9cqw}.demo-polana .demo-brand small{font-size:.9cqw}.demo-polana .demo-action{font-size:1.1cqw}.demo-polana-copy{height:39cqw;padding-bottom:4cqw}.demo-polana h3{font-size:9.3cqw}.demo-polana-copy p{font-size:1.5cqw;max-width:28cqw}.demo-polana-copy .demo-small{font-size:1.1cqw}.demo-polana-book{height:10cqw;padding-inline:2.3cqw;gap:1cqw}.demo-polana-book>strong{font-size:1.8cqw}.demo-polana-book>span{font-size:1.25cqw;padding-left:1cqw}.demo-polana-book small{font-size:.9cqw}.demo-polana-book .demo-action{font-size:1cqw;padding:.9cqw .6cqw}.demo-polana-image{height:calc(100% - 10cqw);bottom:10cqw}.demo-polana-shade{bottom:10cqw}.work-cta{display:block;padding:30px 0}.work-cta h2{font-size:34px}.work-cta .work-open{margin-top:20px;width:100%}}
@media(prefers-reduced-motion:reduce){.project-comparison *{scroll-behavior:auto;transition:none}}