.michal-case{--navy:#16142c;--gold:#f1cf7d;--ivory:#f7f6f2;color:var(--navy);overflow:clip}.michal-case *,.michal-case *:before,.michal-case *:after{box-sizing:border-box}.michal-shell{width:min(100% - 36px,1240px);margin-inline:auto}.michal-case .project-breadcrumb{width:min(100% - 36px,1240px);margin:22px auto 18px}.michal-case a:focus-visible{outline:3px solid #b69558;outline-offset:5px}.michal-index{color:#aa874d;font:800 .77rem var(--font-primary);letter-spacing:.13em;direction:ltr}.michal-hero{background:var(--navy);color:#fff}.michal-hero__grid{display:grid;gap:35px;align-items:center;padding-block:60px 80px}.michal-hero .michal-index{color:var(--gold)}.michal-kicker{margin:55px 0 20px;color:var(--gold);font-size:.86rem;font-weight:800}.michal-hero h1{margin:0;color:#fff;font-size:clamp(3.8rem,8vw,7rem);font-weight:900;line-height:1;letter-spacing:-.075em}.michal-hero h1 em{font-style:normal;color:var(--gold)}.michal-hero__statement{margin:30px 0 0;color:var(--gold);font-size:clamp(1.3rem,2vw,1.7rem);font-weight:850}.michal-hero__summary{max-width:51ch;color:#d8d6df;font-size:1.04rem;line-height:1.8;text-wrap:pretty}.michal-hero__copy>a{display:inline-flex;gap:16px;margin-top:22px;padding-bottom:9px;border-bottom:1px solid var(--gold);color:#fff;text-decoration:none;font-weight:800}.michal-hero__preview{position:relative;padding:20px 12px 30px}.michal-browser{background:#f8f8f7;border:1px solid #ccb478;box-shadow:0 35px 90px #0006;overflow:hidden}.michal-browser__bar{height:36px;display:flex;gap:6px;align-items:center;padding:0 13px;background:#f8f7f3;direction:ltr}.michal-browser__bar span{width:7px;height:7px;border-radius:50%;background:#c5ad81}.michal-browser__bar small{margin-left:auto;color:#7c766d;font:700 .62rem var(--font-primary)}.michal-browser img{display:block;width:100%;height:auto}.michal-phone{position:absolute;left:0;bottom:0;width:25%;max-width:180px;border:5px solid #c0a169;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 14px 40px #0008}.michal-phone img{display:block;width:100%;height:auto}.michal-preview-label{display:block;padding-top:14px;color:#d8c493;font-size:.76rem;font-weight:750;text-align:right}.michal-story,.michal-identity,.michal-site{padding-block:clamp(85px,10vw,150px)}.michal-story{background:var(--ivory)}.michal-story__grid{display:grid;gap:38px}.michal-case h2{margin:21px 0 0;font-size:clamp(3rem,6vw,5.7rem);line-height:1.04;font-weight:900;letter-spacing:-.065em;text-wrap:balance}.michal-case h2 em{font-style:normal;color:#af8b50}.michal-story__grid>div:nth-child(2)>p{max-width:58ch;margin:0;color:#55545e;font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.83;text-wrap:pretty}.michal-story dl{margin:42px 0 0}.michal-story dl div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #d8d3c9}.michal-story dl div:last-child{border-bottom:1px solid #d8d3c9}.michal-story dt{color:#777480;font-size:.85rem}.michal-story dd{margin:0;text-align:left;font-size:.9rem;font-weight:800}.michal-section-head{display:grid;gap:22px;align-items:end;margin-bottom:43px}.michal-section-head p{max-width:49ch;margin:0;color:#5e5b66;font-size:1.06rem;line-height:1.8;text-wrap:pretty}.michal-identity{background:#fff}.michal-identity__grid{display:grid;gap:24px;align-items:stretch}.michal-logo-panel{background:var(--navy);min-height:280px;display:grid;place-items:center;align-content:center;gap:25px;padding:50px}.michal-logo-panel img{display:block;width:min(100%,300px);height:auto;image-rendering:auto}.michal-logo-panel span{color:#d4bf8e;font-size:.76rem;font-weight:800}.michal-case figure{margin:0}.michal-case figure a{display:block;overflow:hidden}.michal-case figure img{display:block;width:100%;height:auto}.michal-case figcaption{padding-top:13px;color:#817a73;font-size:.77rem;font-weight:750}.michal-identity figure{background:#f0eeed}.michal-site{background:var(--ivory)}.michal-site__screens{display:grid;gap:27px;align-items:start}.michal-site__screens figure{background:#fff;padding:12px;box-shadow:0 20px 60px #1a18300e}.michal-site__screens figure:nth-child(2){max-width:320px;margin-inline:auto}.michal-site__link{display:inline-flex;gap:14px;align-items:center;margin-top:35px;padding:15px 23px;border:1px solid var(--navy);color:var(--navy);text-decoration:none;font-weight:850;transition:background .2s,color .2s}.michal-site__link:hover{background:var(--navy);color:#fff}@media(min-width:760px){.michal-hero__grid{grid-template-columns:.85fr 1.15fr;gap:5%;min-height:640px}.michal-story__grid{grid-template-columns:.85fr 1fr;gap:10%}.michal-section-head{grid-template-columns:1fr .63fr;gap:8%}.michal-identity__grid{grid-template-columns:1fr 1fr}.michal-site__screens{grid-template-columns:1fr 230px;gap:35px}.michal-site__screens figure:nth-child(2){max-width:none}}@media(max-width:759px){.michal-case .project-breadcrumb{margin-block:15px}.michal-hero__grid{padding-top:22px}.michal-kicker{margin-top:33px}.michal-hero__preview{padding-inline:8px 20px}.michal-phone{width:27%;border-width:3px;border-radius:11px}.michal-browser__bar{height:23px}.michal-browser__bar small{font-size:.5rem}.michal-logo-panel{min-height:230px}.michal-section-head{gap:12px}}@media(prefers-reduced-motion:reduce){.michal-site__link{transition:none}}.michal-case .michal-browser__bar small{color:#756f66}