.work-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.work-section-heading>p{font-size:14px;line-height:1.9;color:#5b7066;max-width:340px;margin:0}.work-feature{display:grid;grid-template-columns:1fr 1fr;background:#102b35;color:#f2f5ee;border-radius:30px;overflow:hidden;border:1px solid #ffffff12}.work-feature-copy{padding:47px 42px;display:flex;flex-direction:column;align-items:flex-start}.work-kicker{display:flex;flex-wrap:wrap;gap:10px;font-size:8px;letter-spacing:1.2px;color:#b1c4bb;line-height:1.7}.work-kicker>span:last-child{border:1px solid #58756b;padding:2px 7px;border-radius:30px;font-size:7px}.work-feature h3{font-family:Plus Jakarta Sans,Arial,sans-serif;font-size:clamp(32px,3.2vw,48px);font-weight:450;line-height:1.24;letter-spacing:-1.8px;margin:35px 0 24px}.work-feature h3 em{font-style:normal;color:#a7c5b4}.work-feature-copy>p:not(.work-smallprint){font-size:14px;color:#b7c9c5;line-height:1.85;max-width:400px;margin:0 0 24px}.work-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}.work-tags>span{border-bottom:1px solid #59736a;padding-bottom:7px;font-size:10px;color:#cfdfd4}.work-smallprint{font-size:10px!important;line-height:1.8;color:#9fb7b0;margin:22px 0 0;max-width:375px}.work-stage{position:relative;display:block;overflow:hidden;min-height:550px;background:#dfe7dd;color:#254539}.work-stage-note{position:absolute;top:26px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;z-index:2}.work-stage-note>span{font-size:19px}.work-phone-pair{display:flex;justify-content:center;gap:12px;position:absolute;top:95px;left:-25px;right:-25px}.work-phone-pair>img{display:block;width:46%;max-width:250px;height:auto;object-fit:contain;filter:drop-shadow(0 22px 22px #22382a22);transition:transform .4s}.work-phone-pair>img:first-child{transform:translateY(65px) rotate(-7deg)}.work-phone-pair>img:last-child{transform:rotate(7deg)}.work-stage:hover .work-phone-pair>img:first-child{transform:translateY(55px) rotate(-5deg)}.work-stage:hover .work-phone-pair>img:last-child{transform:translateY(-6px) rotate(5deg)}.work-stage-footer{position:absolute;bottom:0;left:0;right:0;padding:29px 27px 21px;background:linear-gradient(transparent,#dfe7dd 40%);display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1px}.work-stage-footer>span{opacity:.7}.work-service-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:26px}.work-service-note>p{font-size:12px;line-height:1.8;color:#5b7066}
.project-hero{background:#0a2033;color:#f0f3ec;padding-top:35px;padding-bottom:65px;overflow:hidden}.project-hero .breadcrumbs{margin-bottom:40px}.project-hero-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px}.project-hero h1{font-family:Plus Jakarta Sans,Arial,sans-serif;font-size:clamp(40px,4.9vw,71px);font-weight:450;line-height:1.16;letter-spacing:-3px;margin:0 0 28px}.project-hero h1 em{font-style:normal;color:#91b8a5}.project-intro{font-size:15px;line-height:1.95;color:#b7cacb;max-width:520px;margin-bottom:30px}.project-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px}.project-disclosure{font-size:10px;line-height:1.8;color:#a5bbb6;margin-top:28px;max-width:460px}.project-hero-art{position:relative;min-height:530px;border-radius:26px;background:#e4e9df;color:#365743;overflow:hidden}.project-art-label{position:absolute;top:25px;left:26px;font-size:8px;letter-spacing:1.5px}.project-hero-phones{display:flex;gap:12px;justify-content:center;position:absolute;top:80px;left:-25px;right:-25px}.project-hero-phones img{width:46%;max-width:250px;height:auto;filter:drop-shadow(0 18px 22px #1b3e2525);object-fit:contain}.project-hero-phones img:first-child{transform:translateY(65px) rotate(-6deg)}.project-hero-phones img:last-child{transform:rotate(6deg)}.project-art-footer{position:absolute;bottom:0;left:0;right:0;padding:40px 26px 23px;background:linear-gradient(transparent,#e4e9df 50%);display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.project-art-footer>span{font-size:17px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 6%;gap:30px;border-bottom:1px solid #d8e0d7}.project-facts span{display:block;color:#61796b;font-size:8px;letter-spacing:1.2px;margin-bottom:10px}.project-facts strong{font-size:12px;font-weight:550}.project-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.project-story-grid p{font-size:14px;line-height:1.95;color:#587064;margin:0 0 18px}.project-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.project-decisions article{border-top:1px solid #d3ddd1;padding-top:23px}.project-decisions article>span{font-size:9px;color:#5b7865;letter-spacing:1px}.project-decisions h3{font-size:19px;line-height:1.5;font-weight:550;letter-spacing:-.3px;margin:23px 0 12px}.project-decisions p{font-size:13px;color:#607265;line-height:1.85;margin:0}.project-gallery{background:#e7ece3}.screen-gallery-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.screen-gallery-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#607064;max-width:430px}.screen-choices{display:flex;flex-direction:column;gap:6px;margin-top:30px}.screen-choice{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid transparent;border-radius:17px;background:transparent;padding:18px;color:#1b3b30}.screen-choice[aria-pressed=true]{background:#fff9;border-color:#c6d6c4;box-shadow:0 5px 18px #153a2410}.screen-choice>span:first-child{font-size:10px;color:#6d8473}.screen-choice strong{display:block;font-size:14px;font-weight:550}.screen-choice small{display:block;font-size:11px;color:#687a6d;line-height:1.6;margin-top:4px}.screen-choice b{margin-left:auto;font-size:18px;font-weight:400;color:#4c8a68}.screen-caption{min-height:54px;font-size:12px!important;margin-top:22px}.screen-gallery-display{margin:0;background:#dce4d5;border:1px solid #ccd8c5;border-radius:28px;display:flex;align-items:center;flex-direction:column;padding:24px 28px 20px;min-width:0}.screen-display-label{font-size:8px;letter-spacing:1.4px;align-self:flex-start;color:#50694d;margin-bottom:25px}.screen-gallery-display img{display:block;width:min(100%,280px);height:auto;filter:drop-shadow(0 16px 18px #1b3e2520)}.screen-gallery-display figcaption{font-size:7px;letter-spacing:1.2px;color:#5c7257;margin-top:24px}
.project-experience{background:#0a2033;color:#eaf0e7}.experience-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.experience-heading h2 em{color:#91b8a5}.experience-heading>p{max-width:360px;font-size:14px;line-height:1.9;color:#adc2be;margin:0}.experience-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;margin-top:55px;align-items:start}.experience-control-label{font-size:8px;letter-spacing:1.6px;color:#a3beb1;margin:0 0 18px}.demo-journeys{display:flex;flex-direction:column;gap:8px}.demo-journeys button{display:flex;align-items:center;gap:16px;min-height:57px;border:1px solid #ffffff1f;border-radius:15px;background:#ffffff04;color:#bdd0c6;text-align:left;font-size:13px;padding:16px 18px}.demo-journeys button[aria-pressed=true]{border-color:#73a18a;background:#214337;color:#eff6ee}.demo-journeys button>span{font-size:9px;color:#8fad9a}.demo-journeys button>b{margin-left:auto;font-size:19px;font-weight:400}.demo-preferences{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.demo-preferences button{font-size:11px;min-height:40px;padding:10px 17px;border:1px solid #ffffff30;border-radius:30px;background:transparent;color:#c7d5cd}.demo-preferences button[aria-pressed=true]{background:#cfdfcc;color:#16352a;border-color:#cfdfcc}.demo-reset{display:flex;align-items:center;gap:20px;color:#c1d5c7;background:transparent;border:0;padding:10px 0;font-size:12px}.demo-reset>span{font-size:22px}.demo-instructions{margin:26px 0;padding-top:25px;border-top:1px solid #ffffff20}.demo-instructions>p:first-child{font-size:8px;letter-spacing:1.3px;color:#9fbaa9}.demo-instructions ol{padding-left:16px;color:#b4c7bd;font-size:12px;line-height:1.9}.demo-instructions li{margin-bottom:12px}.demo-passcode{font-size:11px;color:#9fb9aa;line-height:1.8}.demo-viewer{border:1px solid #ffffff20;background:#102c36;border-radius:25px;overflow:hidden;min-width:0}.demo-viewer-top{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.8px;padding:20px;color:#9cb4a9;line-height:1.7}.demo-viewer-top>span:last-child{color:#c8dbce;letter-spacing:0;font-size:9px}.demo-phone-area{display:flex;justify-content:center;padding:12px 20px 20px}.demo-phone{width:100%;max-width:390px;aspect-ratio:390/844;position:relative;isolation:isolate}.demo-phone iframe{width:390px;height:844px;border:0;display:block;transform-origin:top left;border-radius:54px;position:absolute;top:0;left:0;background:#0d0d12}.demo-phone iframe[hidden]{display:none}.demo-cover{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:11%/5%}.demo-cover[hidden]{display:none}.demo-cover>img{display:block;width:100%;height:auto}.demo-launch-panel{position:absolute;inset:0;background:linear-gradient(transparent 15%,#0b202ac9 58%,#0b202af5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:20px}.demo-launch-panel>span{font-size:8px;letter-spacing:1.6px;color:#e0eee4;text-align:center}.demo-launch-panel button{font-size:11px;white-space:nowrap}.demo-viewer-note{font-size:10px;color:#b1c5b8;text-align:center;margin:0 20px 13px;line-height:1.7}.demo-fallback{display:block;font-size:10px;color:#b8d1c0;text-decoration:underline;text-underline-offset:3px;line-height:1.8;text-align:center;margin:0 22px 23px}.project-next{display:flex;justify-content:space-between;align-items:center;gap:45px}.project-next>div:first-child{max-width:650px}.project-next p:not(.eyebrow){font-size:14px;color:#617467;line-height:1.9;max-width:500px}.project-next>div:last-child{display:flex;flex-direction:column;gap:18px;align-items:flex-start;flex-shrink:0}.project-email{font-size:13px;color:#537261}.project-page .detail-header nav{gap:24px}
@media(max-width:1000px){.work-feature-copy{padding:35px 28px}.work-stage{min-height:520px}.work-feature h3{font-size:35px}.project-hero-layout{gap:30px}.project-hero-art{min-height:490px}.project-story-grid,.screen-gallery-layout,.experience-layout{gap:35px}.project-hero h1{font-size:49px;letter-spacing:-2px}.project-next{align-items:flex-start;flex-direction:column}.project-page .detail-header nav{gap:17px}}
@media(max-width:700px){.work-section-heading{display:block}.work-section-heading>p{margin-top:23px;max-width:100%}.work-feature{grid-template-columns:1fr}.work-feature-copy{padding:34px 28px}.work-feature h3{font-size:39px;margin:28px 0 20px}.work-stage{min-height:390px}.work-phone-pair{top:60px;left:0;right:0;gap:14px}.work-phone-pair>img{max-width:220px;width:40%}.work-service-note{align-items:flex-start;flex-direction:column;gap:5px}.work-stage-footer{font-size:6px}.project-hero-layout{grid-template-columns:1fr;gap:35px}.project-hero-art{min-height:430px}.project-hero-phones{left:0;right:0;top:60px;gap:15px}.project-hero-phones img{max-width:210px;width:40%}.project-facts{grid-template-columns:1fr 1fr;gap:28px 20px}.project-story-grid{grid-template-columns:1fr;gap:25px}.project-decisions{grid-template-columns:1fr;gap:25px;margin-top:28px}.project-decisions h3{margin-top:16px}.screen-gallery-layout{grid-template-columns:1fr;gap:25px}.screen-gallery-display img{max-width:270px}.screen-gallery-display{padding:25px}.experience-heading{display:block}.experience-heading>p{max-width:100%;margin-top:24px;font-size:13px}.experience-layout{grid-template-columns:1fr;gap:35px}.demo-journeys{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-journeys button{font-size:11px;gap:8px;padding:12px;min-height:65px}.demo-journeys button>span{font-size:8px}.demo-journeys button>b{display:none}.demo-instructions{margin-bottom:20px}.project-hero h1{font-size:47px}.project-intro{font-size:14px}.project-disclosure{font-size:10px}.project-hero-actions .text-link{font-size:11px}.project-page .detail-header nav{font-size:11px;gap:18px}.project-next>div:last-child{flex-shrink:1}.project-next .button{font-size:11px}}
@media(max-width:360px){.work-feature-copy{padding:30px 22px}.work-feature h3{font-size:33px}.work-stage{min-height:350px}.project-hero h1{font-size:39px}.project-hero-art{min-height:350px}.project-hero .eyebrow{font-size:7px}.project-page .detail-header nav{gap:14px;font-size:10px}.project-facts strong{font-size:11px}.demo-viewer-top{padding:18px 15px;font-size:6px}.demo-phone-area{padding:8px 12px 15px}.demo-launch-panel{padding:12px}.demo-launch-panel button{font-size:10px;gap:12px;padding:12px}.demo-preferences{gap:8px}.demo-preferences button{font-size:10px}.project-hero-actions{gap:20px}}
@media(prefers-reduced-motion:reduce){.work-phone-pair>img{transition:none}}