.work-page{--work-purple:#504bd8;--work-soft:#ececff;--work-warm:#fff5e8;--work-green:#e6f2ea;background:var(--sys-paper)}
.work-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}.work-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--sys-indigo);font:500 11px/1.3 var(--sys-mono);letter-spacing:.14em;text-transform:uppercase}.work-kicker::before{content:'—';color:var(--sys-indigo)}.work-display{margin:0;font-size:clamp(48px,6vw,86px);line-height:.92;letter-spacing:-.07em;font-weight:800}.work-display em{color:var(--sys-indigo);font-family:var(--sys-serif);font-weight:600;letter-spacing:-.04em}.work-lead{max-width:650px;color:var(--sys-muted);font-size:clamp(17px,1.6vw,21px);line-height:1.55}.work-rule{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--sys-line);color:var(--sys-muted);font:500 10px var(--sys-mono);letter-spacing:.12em;text-transform:uppercase}.work-rule span:last-child{color:var(--sys-indigo)}.work-hero{padding:86px 0 78px}.work-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}.work-hero-copy .work-lead{margin:30px 0 0}.work-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sys-line);border-bottom:1px solid var(--sys-line);margin-top:60px}.work-index a{min-height:118px;padding:18px 16px;border-right:1px solid var(--sys-line)}.work-index a:last-child{border-right:0}.work-index strong{display:block;margin-top:28px;color:var(--sys-ink);font-size:17px;letter-spacing:-.03em}.work-index small{display:block;margin-top:5px;color:var(--sys-muted);font-size:12px}.work-index a:hover strong{color:var(--sys-indigo)}.work-visual{position:relative;min-height:480px;border:1px solid var(--sys-line);border-radius:26px;background:#eef0fb;overflow:hidden;box-shadow:var(--sys-shadow)}.work-visual::before{content:'SELECTED WORK / VISIBLE SYSTEMS';position:absolute;z-index:2;left:25px;top:22px;color:var(--sys-muted);font:500 10px var(--sys-mono);letter-spacing:.12em}.work-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(80,75,216,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(80,75,216,.1) 1px,transparent 1px);background-size:42px 42px}.work-visual-card{position:absolute;width:180px;min-height:110px;padding:17px;border:1px solid var(--sys-line);border-radius:16px;background:#fff;box-shadow:0 16px 30px rgba(20,25,42,.1)}.work-visual-card small{display:block;color:var(--sys-indigo);font:500 9px var(--sys-mono);text-transform:uppercase}.work-visual-card strong{display:block;margin-top:10px;font-size:16px;line-height:1.1}.work-visual-card span{display:block;margin-top:7px;color:var(--sys-muted);font-size:12px}.work-visual-card.one{left:11%;top:28%;border-color:var(--sys-indigo)}.work-visual-card.two{right:10%;top:19%;border-color:var(--sys-amber);background:var(--work-warm)}.work-visual-card.three{left:32%;bottom:16%;background:var(--sys-indigo);color:#fff}.work-visual-card.three small,.work-visual-card.three span{color:#dddfff}.work-visual-line{position:absolute;left:20%;right:17%;top:53%;height:2px;background:linear-gradient(90deg,var(--sys-indigo),var(--sys-amber),var(--sys-green));transform:rotate(-8deg)}.work-section{padding:94px 0;border-top:1px solid var(--sys-line)}.work-section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end;margin-bottom:42px}.work-section-head h2{margin:16px 0 0;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.065em}.work-section-head p{max-width:500px;margin:0;color:var(--sys-muted);font-size:16px}.work-gallery{display:grid;gap:16px}.work-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:34px;align-items:center;padding:16px;border:1px solid var(--sys-line);border-radius:22px;background:var(--sys-white);color:inherit;transition:transform .25s ease,border-color .25s ease}.work-card:hover{transform:translateY(-4px);border-color:var(--sys-indigo)}.work-card:nth-child(even){grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr)}.work-card:nth-child(even) .work-card-visual{order:2}.work-card-visual{position:relative;min-height:390px;border-radius:16px;overflow:hidden;background:var(--work-soft)}.work-card-visual img{display:block;width:100%;height:100%;object-fit:cover}.work-card-visual.tall img{object-position:50% 14%}.work-card-visual.wide{min-height:270px}.work-card-visual.wide img{object-position:center}.work-card-copy{padding:20px 30px 20px 14px}.work-card-copy .work-kicker{font-size:10px}.work-card-copy h3{margin:18px 0 12px;font-size:clamp(28px,4vw,50px);line-height:.96;letter-spacing:-.06em}.work-card-copy p{max-width:460px;margin:0;color:var(--sys-muted);font-size:15px;line-height:1.6}.work-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.work-meta span{padding:8px 10px;border:1px solid var(--sys-line);border-radius:999px;color:var(--sys-muted);font:500 10px var(--sys-mono);text-transform:uppercase}.work-meta .status{border-color:var(--sys-green);background:var(--work-green);color:#35644a}.work-link{display:inline-flex;margin-top:28px;color:var(--sys-indigo);font-size:14px;font-weight:800}.work-private-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.work-proof-card{border-top:2px solid var(--sys-indigo);padding:22px 0}.work-proof-card:nth-child(2){border-color:var(--sys-amber)}.work-proof-card:nth-child(3){border-color:var(--sys-green)}.work-proof-card h3{margin:14px 0 9px;font-size:24px;letter-spacing:-.045em}.work-proof-card p{margin:0;color:var(--sys-muted);font-size:14px}.work-cta{padding:78px 0;background:var(--sys-indigo);color:#fff}.work-cta .work-wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}.work-cta h2{max-width:650px;margin:0;font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.065em}.work-cta p{max-width:360px;color:#dddfff}.work-cta .sys-button{background:#fff;color:var(--sys-deep)!important;box-shadow:none}.case-hero{padding:80px 0 68px}.case-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:76px;align-items:center}.case-hero-copy h1{margin:20px 0 24px}.case-hero-copy .work-lead{margin:0}.case-hero-copy .work-small{max-width:560px;margin:18px 0 0;color:var(--sys-muted);font-size:14px;line-height:1.6}.case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.case-visual{position:relative;min-height:560px;border:1px solid var(--sys-line);border-radius:24px;overflow:hidden;background:#f0f1fb;box-shadow:var(--sys-shadow)}.case-visual img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover}.case-visual.tall img{object-position:50% 12%}.case-caption{padding:12px 0;color:var(--sys-muted);font:500 10px var(--sys-mono);letter-spacing:.1em;text-transform:uppercase}.case-section{padding:88px 0;border-top:1px solid var(--sys-line)}.case-two-col{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.case-two-col h2{margin:15px 0 0;font-size:clamp(36px,5vw,66px);line-height:.95;letter-spacing:-.065em}.case-two-col-copy{max-width:650px}.case-two-col-copy p{margin:0 0 18px;color:var(--sys-muted);font-size:16px;line-height:1.7}.case-visual-wide{border:1px solid var(--sys-line);border-radius:22px;overflow:hidden;background:#f0f1fb}.case-visual-wide img{display:block;width:100%;height:auto}.case-visual-wide figcaption{padding:13px 18px;color:var(--sys-muted);font:500 10px var(--sys-mono);letter-spacing:.1em;text-transform:uppercase}.case-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.case-screen{margin:0}.case-screen-frame{aspect-ratio:648/1400;overflow:hidden;border:1px solid var(--sys-line);border-radius:18px;background:#f0f1fb}.case-screen-frame img{display:block;width:100%;height:100%;object-fit:cover}.case-screen figcaption{padding:13px 4px;color:var(--sys-muted);font:500 10px var(--sys-mono);letter-spacing:.1em;text-transform:uppercase}.case-specs{display:grid;grid-template-columns:150px 1fr;gap:0;border-top:1px solid var(--sys-line)}.case-specs dt,.case-specs dd{margin:0;padding:17px 0;border-bottom:1px solid var(--sys-line)}.case-specs dt{color:var(--sys-indigo);font:500 11px var(--sys-mono);text-transform:uppercase}.case-specs dd{color:var(--sys-muted);font-size:15px}.case-status{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.case-status h2{margin:15px 0 20px;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.065em}.case-status p{max-width:590px;color:var(--sys-muted);font-size:16px;line-height:1.7}.case-process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--sys-line);border-bottom:1px solid var(--sys-line)}.case-process-step{min-height:150px;padding:18px 14px;border-right:1px solid var(--sys-line)}.case-process-step:last-child{border-right:0}.case-process-step span{color:var(--sys-indigo);font:500 11px var(--sys-mono)}.case-process-step strong{display:block;margin-top:35px;font-size:16px;line-height:1.15}.case-process-step small{display:block;margin-top:8px;color:var(--sys-muted);font-size:12px}.case-disclosure{margin-top:28px;padding:18px 20px;border:1px solid var(--sys-line);border-radius:14px;background:#fafafa;color:var(--sys-muted);font-size:13px;line-height:1.6}.case-disclosure strong{color:var(--sys-ink)}
@media(max-width:900px){.work-wrap{width:min(100% - 36px,680px)}.work-hero,.case-hero{padding:58px 0 52px}.work-hero-grid,.case-hero-grid,.case-two-col,.case-status{grid-template-columns:1fr;gap:38px}.work-visual{min-height:390px}.work-visual-card{width:145px;min-height:94px;padding:13px}.work-visual-card strong{font-size:13px}.work-section{padding:72px 0}.work-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.work-card,.work-card:nth-child(even){grid-template-columns:1fr;gap:20px}.work-card:nth-child(even) .work-card-visual{order:0}.work-card-visual{min-height:330px}.work-card-copy{padding:10px 14px 24px}.work-private-grid{grid-template-columns:1fr;gap:26px}.work-cta .work-wrap{display:grid;gap:28px}.case-visual,.case-visual img{min-height:440px}.case-screens{gap:10px}.case-process{grid-template-columns:repeat(2,1fr)}.case-process-step:nth-child(2n){border-right:0}.case-process-step:nth-child(-n+3){border-bottom:1px solid var(--sys-line)}}
@media(max-width:480px){.work-wrap{width:min(100% - 28px,680px)}.work-display{font-size:48px}.work-index{grid-template-columns:1fr}.work-index a{min-height:88px;border-right:0;border-bottom:1px solid var(--sys-line)}.work-index a:last-child{border-bottom:0}.work-index strong{margin-top:17px}.work-visual{min-height:330px}.work-visual-card{width:120px;min-height:82px;padding:10px}.work-visual-card strong{font-size:11px}.work-visual-card span{font-size:10px}.work-visual-card.one{left:5%;top:31%}.work-visual-card.two{right:4%;top:21%}.work-visual-card.three{left:32%;bottom:13%}.work-card-visual{min-height:300px}.case-visual,.case-visual img{min-height:360px}.case-screens{grid-template-columns:repeat(3,1fr)}.case-specs{grid-template-columns:100px 1fr}.case-process-step{min-height:128px}.case-process-step strong{margin-top:23px;font-size:14px}.case-status{gap:28px}}

/* Work-specific proof compositions: real interfaces lead, abstract system language supports. */
.work-hero-projects{position:relative;min-height:430px;padding:28px;border:1px solid var(--sys-line);border-radius:26px;background:#eef0fb;box-shadow:var(--sys-shadow);overflow:hidden}.work-hero-projects::before{content:'SELECTED WORK / REAL INTERFACES';position:absolute;left:25px;top:22px;color:var(--sys-muted);font:500 10px var(--sys-mono);letter-spacing:.12em}.work-hero-projects::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(80,75,216,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(80,75,216,.08) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.work-hero-project{position:absolute;z-index:1;overflow:hidden;border:1px solid var(--sys-line);border-radius:14px;background:#fff;box-shadow:0 18px 30px rgba(20,25,42,.12)}.work-hero-project img{display:block;width:100%;height:100%;object-fit:cover}.work-hero-project span{position:absolute;left:10px;bottom:9px;padding:5px 7px;border-radius:999px;background:rgba(20,25,42,.82);color:#fff;font:500 9px var(--sys-mono);letter-spacing:.05em;text-transform:uppercase}.work-hero-project.chromyne{left:8%;top:24%;width:44%;height:260px}.work-hero-project.salons{right:8%;top:17%;width:42%;height:150px}.work-hero-project.nurvyla{right:14%;bottom:9%;width:45%;height:135px}.work-hero-project.nurvyla img{object-position:center 18%}.work-hero-project.salons img{object-position:center}.salons-page .case-hero .work-wrap,.nurvyla-page .case-hero .work-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px 72px;align-items:center}.salons-page .case-hero .work-rule,.nurvyla-page .case-hero .work-rule{grid-column:1/-1}.salons-page .case-hero .case-hero-copy,.nurvyla-page .case-hero .case-hero-copy{grid-column:1}.salons-page .case-hero .case-visual-wide,.nurvyla-page .case-hero .case-visual-wide{grid-column:2;grid-row:2;align-self:center;margin-top:0!important}.salons-page .case-hero .case-visual-wide img,.nurvyla-page .case-hero .case-visual-wide img{max-height:470px;object-fit:cover}.nurvyla-page .case-hero .case-visual-wide img{object-position:center}.chromyne-page .case-hero{padding-bottom:56px}
@media(max-width:900px){.work-hero-projects{min-height:380px}.work-hero-project.chromyne{left:7%;top:24%;width:47%;height:230px}.work-hero-project.salons{right:6%;top:17%;width:44%;height:135px}.work-hero-project.nurvyla{right:10%;bottom:8%;width:47%;height:120px}.salons-page .case-hero .work-wrap,.nurvyla-page .case-hero .work-wrap{display:block}.salons-page .case-hero .case-visual-wide,.nurvyla-page .case-hero .case-visual-wide{margin-top:36px!important}.salons-page .case-hero .case-visual-wide img,.nurvyla-page .case-hero .case-visual-wide img{max-height:none}}
@media(max-width:480px){.work-hero-projects{min-height:310px;padding:18px}.work-hero-projects::before{left:17px;top:16px;font-size:8px}.work-hero-project.chromyne{left:5%;top:26%;width:49%;height:185px}.work-hero-project.salons{right:4%;top:18%;width:45%;height:105px}.work-hero-project.nurvyla{right:8%;bottom:8%;width:49%;height:92px}}