.work-intro{padding-top:180px;padding-bottom:80px}.work-intro h1{max-width:1100px}.work-intro h1 span{color:#a8a8ae}.work-intro>p{max-width:620px;margin:35px 0 25px;color:#b9b8bf;font-size:19px}.work-filter-wrap{position:sticky;top:80px;background:#101011f0;backdrop-filter:blur(16px);z-index:50;border-block:1px solid #ffffff16}.work-filters{display:flex;gap:12px;overflow:auto;padding-block:17px;scrollbar-width:thin}.work-filters button{flex-shrink:0;border:1px solid #ffffff29;background:transparent;border-radius:30px;color:#ddd;padding:12px 20px;font-size:13px}.work-filters button[aria-pressed=true]{background:#f5f5f3;color:#151516;border-color:#f5f5f3}.filter-status{font-size:12px;color:#b0adb3;margin-top:25px}.immersive-case{padding:100px 0;border-bottom:1px solid #ffffff16;scroll-margin-top:170px}.immersive-case[hidden]{display:none}.project-heading p{font-size:14px;color:#ffab83;margin-bottom:22px}.project-heading h2{max-width:950px}.case-journey{display:grid;grid-template-columns:1.12fr 1fr;gap:85px;align-items:start;margin-top:65px}.project-sticky{position:sticky;top:195px;min-width:0}.project-frame{position:relative;aspect-ratio:1.1;border-radius:18px;overflow:hidden;background:#202024;transform:scale(var(--case-scale,1));transform-origin:center;isolation:isolate}.project-frame>img{width:100%;height:100%;object-fit:cover;object-position:57% center}.project-frame figcaption{position:absolute;inset:auto 0 0;padding:60px 23px 22px;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#fff}.chapter-label{color:#ffb68e}.chapter-track{height:2px;background:#ffffff24;margin-top:24px;overflow:hidden}.chapter-track i{display:block;height:100%;background:#ff7942;transform:scaleX(var(--case-progress,0));transform-origin:left}.visual-caption{font-size:11px;color:#a8a5ae;margin-top:12px}.narrative-step{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:55px 0}.narrative-step h3{font-size:30px;color:#f5f5f3;margin-bottom:25px}.narrative-step p{font-size:17px;line-height:1.85;color:#b9b8bf}.narrative-step blockquote{font-size:22px;line-height:1.75;color:#f3e5dc;letter-spacing:-.015em}.narrative-step cite{display:block;font-size:13px;font-style:normal;color:#ffab83;margin-top:24px}.project-art{height:100%;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.project-art>span{font-size:12px;line-height:1.6}.project-art strong{font-size:clamp(38px,4.4vw,66px);line-height:1.03;letter-spacing:-.04em;font-weight:550}.project-art i{font-family:Lora,Georgia,serif;font-weight:400}.proskin{background:linear-gradient(135deg,#18151c 0%,#0d0c10 100%);color:#f5f5f7;border:1px solid rgba(255,91,22,0.25)}.kronoh{background:#232e3d;color:#e7edf5}.demo-lab{background:#080808;color:#141416;padding:120px 0}.demo-lab .section-intro>p{color:#626269;max-width:440px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.demo-card{min-width:0}.demo-cover{aspect-ratio:1.15;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px}.demo-cover>span{font-size:10px}.demo-cover strong{font-size:30px;line-height:1.15;font-weight:550;letter-spacing:-.025em}.demo-cover i{width:45%;height:4px;background:currentColor;opacity:.5}.demo-landing{background:#ead6c8;color:#5c2d19}.demo-sito{background:#d9ded9;color:#293931}.demo-crm{background:#26262a;color:#ffb185}.demo-copy{padding:25px 5px}.demo-copy>span{font-size:10px;letter-spacing:.035em;color:#93431e;font-weight:650}.demo-copy h3{font-size:22px;margin:16px 0}.demo-copy p{font-size:14px;color:#66626b;margin-bottom:24px}.demo-copy button{background:none;border:0;padding:0;min-height:44px;color:#171719}.work-close{padding-block:120px;text-align:center}.work-close .button{margin-top:35px}.demo-dialog{width:min(1050px,calc(100% - 32px));max-height:88dvh;padding:0;border:1px solid #ffffff20;border-radius:18px;background:#111114;color:#171719;overflow:auto}.demo-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.demo-toolbar{position:sticky;top:0;z-index:1;background:#18181b;color:#ddd;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;gap:20px;font-size:11px}.demo-close{color:white;background:none;border:0;width:44px;height:44px;font-size:30px}.demo-content{padding:45px}.demo-content h2{font-size:clamp(30px,4vw,50px);max-width:650px}.demo-content p{margin:22px 0;color:#666}.demo-content button{padding:13px 20px;border:1px solid #aaa;border-radius:25px;background:#151516;color:#fff;min-height:44px}.demo-preview-hero{padding:35px 0}.demo-preview-hero>span{font-size:12px;color:#994019}.demo-preview-hero h2{margin-top:25px}.demo-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.demo-columns>div{padding:20px;background:#e9e7e2;border-radius:12px}.demo-columns h3{font-size:17px}.demo-columns p{font-size:13px}.demo-deal{display:block;width:100%;margin-top:15px;font-size:12px!important;background:#fff!important;color:#222!important;text-align:left;border:0!important;border-radius:8px!important}.demo-deal span{display:block;font-size:10px;margin-top:8px;color:#777}.home-work{background:#ffffff;color:#141416;padding:120px 0;border-top:1px solid rgba(0,0,0,0.06);border-bottom:1px solid rgba(0,0,0,0.06)}.home-work-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.home-work-card{min-width:0}.home-project-visual{height:320px;border-radius:16px;overflow:hidden}.home-project-visual>img{width:100%;height:100%;object-fit:cover}.home-project-visual .project-art{padding:30px}.home-project-visual .project-art strong{font-size:37px}.home-project-visual .project-art>span{font-size:10px}.home-work-card>div+div{padding:25px 4px}.home-work-card>div>span{font-size:12px;color:#69646a}.home-work-card h3{font-size:25px;line-height:1.25;margin:15px 0}.home-work-card p{font-size:12px;color:#66626a}.home-work-card b{float:right;color:#ad400d}.home-work-card:hover .home-project-visual{transform:translateY(-5px)}.home-project-visual{transition:transform .4s var(--ease)}
@media(max-width:1000px){.case-journey{gap:45px}.project-art{padding:28px}.project-sticky{top:185px}.project-frame{aspect-ratio:.85}.narrative-step blockquote{font-size:20px}.home-project-visual{height:270px}.home-project-visual .project-art strong{font-size:29px}.demo-cover{padding:22px}.demo-cover strong{font-size:25px}}
@media(max-width:700px){.work-intro{padding-top:140px;padding-bottom:50px}.work-intro h1{font-size:43px}.work-intro>p{font-size:16px}.work-filter-wrap{top:72px}.work-filters{gap:8px}.work-filters button{font-size:12px;padding:12px 16px}.immersive-case{padding:70px 0}.project-heading h2{font-size:36px}.project-heading p{font-size:12px}.case-journey{display:block;margin-top:35px}.project-sticky{position:relative;top:auto}.project-frame{aspect-ratio:1.05;transform:none!important}.project-art strong{font-size:50px}.narrative-step{min-height:0;padding:42px 0 5px}.narrative-step h3{font-size:26px;margin-bottom:18px}.narrative-step p{font-size:16px}.narrative-step blockquote{font-size:19px}.chapter-track{display:none}.demo-grid,.home-work-gallery{grid-template-columns:1fr}.demo-grid{gap:20px}.demo-cover{aspect-ratio:1.4;padding:30px}.demo-cover strong{font-size:34px}.demo-lab,.home-work{padding:80px 0}.demo-content{padding:25px}.demo-columns{grid-template-columns:1fr}.home-project-visual{height:360px}.home-project-visual .project-art strong{font-size:48px}.home-work-card h3{font-size:27px}.work-close{padding-block:80px}}
@media(prefers-reduced-motion:reduce){.project-frame{transform:none!important}.home-project-visual{transition:none}.project-sticky{position:static}.narrative-step{min-height:0;padding-block:35px}}