:root{
  --bg:#f3f0e9;--paper:#fbfaf6;--ink:#0b0d0e;--ink2:#171a1c;--muted:#6b6b67;--line:rgba(11,13,14,.13);
  --orange:#f27a00;--blue:#526b99;--red:#ee0018;--green:#55b900;--sky:#59b9df;--white:#fff;
  --shadow:0 30px 80px rgba(16,18,20,.12);--radius:28px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Baskerville,Georgia,serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.section-pad{padding:120px 0}.skip-link{position:fixed;top:-80px;left:14px;z-index:2000;background:#fff;padding:12px 16px}.skip-link:focus{top:14px}.progress{position:fixed;inset:0 0 auto;height:2px;z-index:2001;background:transparent}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--red),var(--sky));transition:width .08s linear}

.site-header{position:fixed;z-index:1000;top:14px;left:0;right:0;padding:0 20px;transition:.35s}.nav-shell{width:min(1320px,100%);height:76px;margin:auto;padding:0 16px 0 22px;display:flex;align-items:center;gap:34px;border:1px solid rgba(15,17,18,.1);background:rgba(250,248,243,.82);backdrop-filter:blur(18px);border-radius:20px;box-shadow:0 12px 38px rgba(20,20,20,.06)}.site-header.scrolled .nav-shell{background:rgba(250,248,243,.94);box-shadow:0 14px 44px rgba(20,20,20,.1)}.brand{width:178px;height:54px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:25px;margin-left:auto}.desktop-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#3e4242;transition:.2s}.desktop-nav a:hover{color:var(--orange)}.nav-cta{height:46px;padding:0 18px;background:#0d1011;color:#fff;display:flex;align-items:center;gap:22px;border-radius:13px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.nav-cta span{font-size:18px;color:#ff9a36}.menu-toggle{display:none;border:0;background:transparent;width:46px;height:46px}.menu-toggle span{display:block;width:24px;height:1px;background:#111;margin:6px auto}.mobile-nav{display:none}

.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--orange)}.hero{min-height:930px;padding-top:170px;position:relative;display:flex;align-items:center;overflow:hidden}.hero::before{content:"";position:absolute;width:630px;height:630px;border-radius:50%;background:radial-gradient(circle,rgba(242,122,0,.12),rgba(242,122,0,0) 70%);left:-250px;top:130px}.hero-orbit{position:absolute;right:-190px;top:110px;width:710px;height:710px;opacity:.075;transform:rotate(-11deg);pointer-events:none}.hero-orbit img{width:100%;height:100%;object-fit:contain}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(62px,6.1vw,96px);line-height:.91;letter-spacing:-.052em;margin:20px 0 28px;max-width:850px}.hero h1 em{font-weight:400;color:var(--blue)}.hero-lead{font-size:18px;line-height:1.7;color:#555955;max-width:720px;margin:0}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:34px}.btn{min-height:56px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:14px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;transition:.28s}.btn-primary{background:#101314;color:#fff;box-shadow:0 18px 35px rgba(0,0,0,.14)}.btn-primary span{font-size:18px;color:#ff9c3b}.btn-primary:hover{transform:translateY(-3px);background:#242a2b}.btn-text{padding-inline:4px;border-radius:0;border-bottom:1px solid #17191a}.btn-text:hover{color:var(--orange);border-color:var(--orange)}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:62px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof strong{font-family:var(--serif);font-size:36px;font-weight:500;display:block}.hero-proof span{font-size:10px;line-height:1.45;text-transform:uppercase;letter-spacing:.11em;color:#777b76;display:block;margin-top:5px}.hero-stage{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center}.stage-card{position:relative;width:92%;height:585px;background:#101513;border-radius:30px;box-shadow:0 45px 100px rgba(12,18,15,.26);overflow:hidden}.stage-card::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 74% 30%,rgba(242,122,0,.35),transparent 33%),radial-gradient(circle at 25% 80%,rgba(82,107,153,.4),transparent 36%),linear-gradient(135deg,#111816,#202317);filter:saturate(.85)}.stage-top{position:relative;z-index:2;padding:24px 26px;display:flex;justify-content:space-between;color:rgba(255,255,255,.6);font-size:9px;letter-spacing:.17em}.gambia-preview{position:absolute;z-index:2;left:40px;right:40px;bottom:42px;color:#fff}.preview-kicker{font-size:9px;letter-spacing:.23em;color:#ffc56d}.gambia-preview h2{font-family:var(--serif);font-size:53px;font-weight:400;line-height:.92;letter-spacing:-.04em;margin:14px 0 24px}.gambia-preview h2 i{font-weight:400;color:#e6d6b4}.preview-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:rgba(255,255,255,.72)}.preview-meta b{font-family:var(--serif);font-size:23px;color:#fff;font-weight:500}.preview-meta span{width:1px;height:26px;background:rgba(255,255,255,.2)}.preview-pill{display:inline-flex;margin-top:32px;border:1px solid rgba(255,255,255,.25);padding:12px 14px;border-radius:100px;font-size:8px;letter-spacing:.15em;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.floating-chip{position:absolute;z-index:3;padding:18px 20px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.13);border:1px solid rgba(0,0,0,.08);border-radius:18px;display:flex;flex-direction:column}.floating-chip span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#848681}.floating-chip b{font-family:var(--serif);font-size:20px;font-weight:500;margin-top:4px}.chip-one{right:-8px;top:120px;transform:rotate(3deg)}.chip-two{left:-12px;bottom:82px;transform:rotate(-4deg)}.scroll-cue{position:absolute;left:34px;bottom:28px;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.18em;transform:rotate(90deg);transform-origin:left center}.scroll-cue span{width:44px;height:1px;background:#aaa}

.section-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:start;margin-bottom:60px}.section-intro h2,.work-head h2,.care-copy h2,.history-copy h2,.archive-head h2,.about-copy h2,.contact h2{font-family:var(--serif);font-size:clamp(46px,5vw,72px);font-weight:500;line-height:.98;letter-spacing:-.045em;margin:0}.section-intro h2 em,.work-head h2 em,.care-copy h2 em,.history-copy h2 em,.archive-head h2 em,.about-copy h2 em,.contact h2 em{font-weight:400;color:var(--blue)}.specialty{background:#fbfaf6;border-top:1px solid rgba(0,0,0,.06)}.service-feature{min-height:470px;display:grid;grid-template-columns:90px 1.05fr .95fr;gap:36px;align-items:center;background:#0d1011;color:#fff;border-radius:32px;padding:56px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.service-feature::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-100px;top:-140px;background:radial-gradient(circle,rgba(242,122,0,.32),transparent 65%)}.service-num{align-self:start;font-family:var(--serif);font-size:48px;color:#f7a14a}.service-copy{position:relative;z-index:2}.service-label{font-size:9px;letter-spacing:.18em;color:#ffb663}.service-copy h3{font-family:var(--serif);font-size:55px;font-weight:500;letter-spacing:-.04em;margin:12px 0 20px}.service-copy p{font-size:16px;line-height:1.72;color:rgba(255,255,255,.64);max-width:640px}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.service-tags span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:99px;color:rgba(255,255,255,.8)}.service-art{position:relative;z-index:2;height:310px}.ad-card,.landing-card{position:absolute;width:225px;height:155px;border-radius:20px;padding:22px;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,.25)}.ad-card{background:#fff;color:#111;left:18px;top:38px;transform:rotate(-7deg)}.landing-card{background:#f17d10;color:#111;right:0;bottom:18px;transform:rotate(7deg)}.ad-card small,.landing-card small{font-size:8px;letter-spacing:.14em}.ad-card strong,.landing-card strong{font-family:var(--serif);font-size:46px;font-weight:500;margin-top:auto}.ad-card i,.landing-card i{position:absolute;right:18px;bottom:18px;font-style:normal;font-size:23px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.service-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:24px;padding:32px;min-height:310px;display:flex;flex-direction:column}.service-card>span{font-family:var(--serif);font-size:30px;color:#9c9d98}.service-card h3{font-family:var(--serif);font-size:33px;line-height:1.03;font-weight:500;margin:34px 0 14px}.service-card p{font-size:13px;line-height:1.7;color:#676a66;margin:0}.service-card a{margin-top:auto;padding-top:30px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.service-card a:hover{color:var(--orange)}

.work{background:#111415;color:#fff}.work-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:68px}.work-head .eyebrow{display:block;margin-bottom:16px}.work-head h2 em{color:#e9b56b}.work-head p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.56);max-width:520px;margin:0 0 8px}.case{border-top:1px solid rgba(255,255,255,.13);padding:58px 0 70px;display:grid;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:center}.case-index{font-size:9px;letter-spacing:.18em;color:#e9b56b}.case h3{font-family:var(--serif);font-size:58px;line-height:.92;font-weight:500;letter-spacing:-.04em;margin:15px 0 22px}.case p{font-size:14px;line-height:1.72;color:rgba(255,255,255,.59);max-width:480px}.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0}.case-tags span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:99px}.case-link{display:inline-flex;gap:34px;align-items:center;margin-top:16px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.65);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.case-link span{color:#f2a551;font-size:18px}.browser{border-radius:24px;overflow:hidden;background:#0b0d0e;box-shadow:0 32px 80px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1)}.browser-bar{height:46px;background:#e9e4da;display:flex;align-items:center;gap:7px;padding:0 14px;color:#666}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#c7c1b7}.browser-bar small{margin:auto;font-size:9px;letter-spacing:.07em}.browser-screen{height:520px;padding:58px;background:radial-gradient(circle at 82% 22%,rgba(201,163,95,.32),transparent 34%),linear-gradient(120deg,rgba(7,11,9,.93),rgba(19,39,28,.78)),linear-gradient(160deg,#0f2118,#18261f);display:flex;flex-direction:column;justify-content:flex-end}.browser-screen>span{font-size:8px;letter-spacing:.2em;color:#f0c785}.browser-screen h4{font-family:var(--serif);font-size:58px;line-height:.93;font-weight:400;letter-spacing:-.04em;margin:14px 0}.browser-screen h4 em{color:#ead8b7;font-weight:400}.browser-screen p{font-size:12px;color:rgba(255,255,255,.65)}.browser-screen b{align-self:flex-start;margin-top:22px;background:#cba462;color:#111;padding:13px 16px;font-size:8px;letter-spacing:.14em}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}.project-card{min-height:480px;border-radius:26px;padding:34px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08)}.project-dark{background:#080a0a}.project-blue{background:#314766}.project-light{background:#e8e4dc;color:#111}.project-domain{font-size:9px;letter-spacing:.15em;text-transform:uppercase;opacity:.55}.project-body{margin-top:auto}.project-body>span,.project-overlay>span{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#f2aa56}.project-light .project-body>span{color:#9d5f16}.project-body h3,.project-overlay h3{font-family:var(--serif);font-size:47px;line-height:.94;font-weight:500;letter-spacing:-.04em;margin:9px 0 14px}.project-body p,.project-overlay p{font-size:13px;line-height:1.65;max-width:420px;opacity:.63}.project-card>a,.project-overlay a{margin-top:28px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.project-card>a:hover,.project-overlay a:hover{color:#f2a44d}.project-image{padding:0}.project-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.8);transform:scale(1.04);transition:.7s}.project-image:hover>img{transform:scale(1.08);filter:brightness(.42) saturate(.9)}.project-overlay{position:absolute;inset:auto 0 0;padding:80px 34px 34px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}.more-work{margin-top:68px;border-top:1px solid rgba(255,255,255,.13);padding-top:52px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.more-work h3{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1.05;margin:14px 0}.link-list{border-top:1px solid rgba(255,255,255,.13)}.link-list a{display:grid;grid-template-columns:1fr auto 34px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.13)}.link-list span{font-family:var(--serif);font-size:21px}.link-list small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}.link-list b{font-size:18px;color:#f2a34c}.link-list a:hover span{color:#f2b066}

.care{background:#e6dfd4}.care-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.care-copy .eyebrow{display:block;margin-bottom:16px}.care-copy p{font-size:16px;line-height:1.75;color:#5d605c;max-width:570px;margin-top:24px}.care-panel{border-top:1px solid rgba(0,0,0,.14)}.care-row{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.14)}.care-row span{font-family:var(--serif);font-size:22px;color:#99958e}.care-row b{font-family:var(--serif);font-size:25px;font-weight:500}.care-row small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#787a76}.history{background:#f8f6f1;position:relative;overflow:hidden}.history-mark{position:absolute;left:-220px;bottom:-210px;width:650px;opacity:.055}.history-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.history-year{font-family:var(--serif);font-size:76px;letter-spacing:-.045em;writing-mode:vertical-rl;transform:rotate(180deg);color:#d2cbc0}.history-year span{color:var(--orange);margin:18px 0}.history-copy .eyebrow{display:block;margin-bottom:18px}.history-copy>p{font-size:16px;line-height:1.76;color:#5d605d;max-width:680px}.history-stat{display:flex;gap:28px;align-items:center;margin:44px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.history-stat strong{font-family:var(--serif);font-size:70px;font-weight:500;color:var(--orange)}.history-stat span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#666a65;line-height:1.55}.history-note{font-size:13px!important;color:#7a7d78!important}.archive{background:#fff}.archive-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:56px}.archive-head .eyebrow{display:block;margin-bottom:16px}.archive-head p{font-size:14px;line-height:1.72;color:#666b66;max-width:500px;margin:0 0 4px}.archive-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.archive-strip figure{margin:0;min-height:135px;border:1px solid rgba(0,0,0,.08);background:#fafafa;display:flex;align-items:center;justify-content:center;position:relative;padding:18px;overflow:hidden}.archive-strip img{max-height:70px;filter:grayscale(1);opacity:.62;transition:.35s}.archive-strip figcaption{position:absolute;left:12px;bottom:8px;font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#999}.archive-strip figure:hover img{filter:none;opacity:1;transform:scale(1.05)}.archive-web{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:14px}.archive-web article{min-height:360px;border-radius:22px;overflow:hidden;background:#ece8e0;position:relative}.archive-web img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:.5s}.archive-web article>div{position:absolute;inset:auto 0 0;padding:65px 25px 25px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}.archive-web span{font-size:8px;letter-spacing:.14em;color:#ffb766}.archive-web h3{font-family:var(--serif);font-size:30px;line-height:1.02;font-weight:500;margin:8px 0}.archive-web p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.62)}.archive-cyganex{background:#111!important;color:#fff}.archive-cyganex>div{position:static!important;background:none!important;padding:34px!important}.archive-cyganex h3{font-size:46px}.archive-cyganex b{display:block;margin-top:50px;font-size:9px;letter-spacing:.12em;color:#f0a44d;text-transform:uppercase}.about{background:#ebe7df}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center}.about-brand{background:#fff;border-radius:28px;padding:48px;box-shadow:var(--shadow)}.about-brand img{width:100%;max-width:420px;margin:auto}.about-brand p{text-align:center;margin:32px 0 0;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#777}.about-copy .eyebrow{display:block;margin-bottom:16px}.about-copy>p{font-size:16px;line-height:1.76;color:#5f625f;max-width:700px}.prototype-note{margin-top:24px!important;padding:18px 20px;border-left:3px solid var(--orange);background:rgba(255,255,255,.42);font-size:12px!important}.contact{background:#0c0f10;color:#fff;position:relative;overflow:hidden}.contact-bg{position:absolute;right:-110px;top:-120px;width:620px;opacity:.08;transform:rotate(12deg)}.contact-inner{position:relative;z-index:2}.contact .eyebrow{color:#f4aa58}.contact h2{font-size:clamp(52px,6.4vw,92px);max-width:1120px}.contact h2 em{color:#f0bc75}.contact p{margin:28px 0 36px;color:rgba(255,255,255,.52);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.btn-contact{background:#fff;color:#111;min-width:330px;justify-content:space-between}.btn-contact:hover{background:#f0b56d}.site-footer{background:#070909;color:#fff;padding:44px 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:end}.footer-inner>div:first-child img{width:160px;background:#f8f5ef;border-radius:10px;padding:8px}.footer-inner small{display:block;margin-top:14px;color:rgba(255,255,255,.35);font-size:8px;letter-spacing:.1em}.footer-links{display:flex;gap:22px}.footer-links a{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55)}.footer-links a:hover{color:#fff}.footer-inner>p{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.28);margin:0}.to-top{position:fixed;right:22px;bottom:22px;z-index:900;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#121516;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;cursor:pointer}.to-top.show{opacity:1;visibility:visible;transform:none}.to-top:hover{background:var(--orange)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,1,.3,1),transform .8s cubic-bezier(.2,1,.3,1)}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){.desktop-nav{display:none}.nav-cta{margin-left:auto}.hero-grid,.section-intro,.work-head,.care-grid,.history-grid,.archive-head,.about-grid{gap:48px}.hero-stage{min-height:580px}.stage-card{height:520px}.service-feature{grid-template-columns:60px 1fr}.service-art{display:none}.archive-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.container{width:min(100% - 30px,720px)}.section-pad{padding:86px 0}.site-header{top:8px;padding:0 8px}.nav-shell{height:68px;border-radius:17px;padding:0 12px 0 16px}.brand{width:142px}.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{position:fixed;top:84px;left:8px;right:8px;background:rgba(250,248,243,.98);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:18px;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,.12)}.mobile-nav.open{display:flex}.mobile-nav a{font-family:var(--serif);font-size:26px;padding:11px 6px;border-bottom:1px solid var(--line)}.hero{min-height:auto;padding-top:135px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(52px,14vw,76px)}.hero-proof{gap:12px}.hero-proof strong{font-size:29px}.hero-proof span{font-size:8px}.hero-stage{min-height:520px;margin-top:12px}.stage-card{height:470px;width:100%}.gambia-preview{left:24px;right:24px;bottom:28px}.gambia-preview h2{font-size:42px}.chip-one{right:2px;top:78px}.chip-two{left:2px;bottom:54px}.scroll-cue{display:none}.section-intro{grid-template-columns:1fr;gap:18px}.service-feature{grid-template-columns:1fr;padding:34px;min-height:auto}.service-num{font-size:32px}.service-copy h3{font-size:42px}.services-grid{grid-template-columns:1fr}.work-head{grid-template-columns:1fr;gap:24px}.case{grid-template-columns:1fr;gap:35px}.browser-screen{height:420px;padding:34px}.browser-screen h4{font-size:44px}.project-grid{grid-template-columns:1fr}.more-work{grid-template-columns:1fr;gap:28px}.link-list a{grid-template-columns:1fr 26px}.link-list small{grid-column:1}.care-grid,.history-grid,.about-grid{grid-template-columns:1fr}.history-year{writing-mode:initial;transform:none;font-size:54px}.archive-head{grid-template-columns:1fr;gap:24px}.archive-strip{grid-template-columns:repeat(2,1fr)}.archive-web{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-links{flex-wrap:wrap}.footer-inner>p{justify-self:start}.to-top{bottom:16px;right:14px}}
@media(max-width:520px){.container{width:calc(100% - 24px)}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof>div:last-child{grid-column:1/-1}.hero-stage{min-height:455px}.stage-card{height:430px}.floating-chip{display:none}.gambia-preview h2{font-size:36px}.preview-meta{flex-wrap:wrap}.preview-pill{font-size:7px}.service-feature{border-radius:22px;padding:28px 24px}.service-copy h3{font-size:37px}.section-intro h2,.work-head h2,.care-copy h2,.history-copy h2,.archive-head h2,.about-copy h2,.contact h2{font-size:43px}.case h3{font-size:48px}.browser-screen{height:360px;padding:24px}.browser-screen h4{font-size:37px}.project-card{min-height:420px;padding:26px}.project-overlay{padding:70px 26px 26px}.project-body h3,.project-overlay h3{font-size:40px}.care-row{grid-template-columns:35px 1fr}.care-row small{grid-column:2}.history-stat strong{font-size:56px}.archive-strip figure{min-height:110px}.btn-contact{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.to-top,.site-header,.project-image>img{transition:none}}

/* ===== v0.2 — korekta kierunku pierwszej wersji ===== */
.site-header .nav-shell{height:84px;padding-left:20px;background:rgba(252,250,246,.92)}
.brand{width:190px;height:72px;overflow:visible;flex:0 0 auto}
.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.hero{background:linear-gradient(145deg,#f9f6ef 0%,#f2eee6 52%,#f7f4ed 100%)}
.hero-orbit{opacity:.06;right:-150px}
.hero-project{color:inherit}
.stage-card{background:#fff;border:1px solid rgba(12,19,24,.09);box-shadow:0 40px 95px rgba(45,51,55,.18)}
.stage-card::before{display:none}
.stage-top{position:absolute;z-index:4;left:18px;right:18px;top:16px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);color:#313638;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.stage-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s ease,filter .7s ease;background:#e7e3db}
.hero-project:hover .stage-shot{transform:scale(1.025);filter:saturate(1.05)}
.stage-caption{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;padding:22px 24px;border-radius:18px;background:rgba(20,25,27,.82);backdrop-filter:blur(14px);color:#fff;display:grid;grid-template-columns:1fr auto;gap:7px 20px;align-items:end}
.stage-caption>span{grid-column:1/-1;font-size:8px;letter-spacing:.18em;color:#f4b36f}
.stage-caption>strong{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.08}
.stage-caption>small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.82)}
.stage-caption b{color:#f4a24f;font-size:14px}

.service-feature{background:linear-gradient(135deg,#f6f0e7,#e7eef3);color:#171a1c;border:1px solid rgba(15,25,30,.08);box-shadow:0 24px 60px rgba(33,42,48,.10)}
.service-feature::after{background:radial-gradient(circle,rgba(242,122,0,.18),transparent 65%)}
.service-label{color:#d46b00}.service-copy p{color:#596166}.service-tags span{border-color:rgba(17,24,27,.14);color:#3f494d;background:rgba(255,255,255,.42)}
.ad-card,.landing-card{box-shadow:0 20px 40px rgba(37,44,48,.16)}

.work{background:#f4f1eb;color:#141718;border-top:1px solid rgba(0,0,0,.06)}
.work-head h2 em{color:var(--blue)}
.work-head p{color:#666d6c}
.case{border-top:1px solid rgba(17,21,22,.12)}
.case-index{color:#d56d04}.case p{color:#646a68}.case-tags span{border-color:rgba(17,21,22,.14);background:rgba(255,255,255,.55)}
.case-link{border-bottom-color:rgba(17,21,22,.55)}
.browser{display:block;background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 28px 70px rgba(35,40,42,.14)}
.browser-shot{display:block;width:100%;height:520px;object-fit:cover;object-position:top center;background:linear-gradient(135deg,#ece8df,#dfe6ea)}
.case-mauritius{padding-top:70px}
.project-grid{gap:18px}
.project-card{min-height:500px;border-color:rgba(0,0,0,.07);box-shadow:0 18px 55px rgba(33,38,40,.12);background:linear-gradient(135deg,#e9e5dd,#dfe7ed)}
.project-image>img{filter:brightness(.66) saturate(.92);transform:scale(1.01);background:linear-gradient(135deg,#e7e2d8,#dce4e8)}
.project-image:hover>img{transform:scale(1.045);filter:brightness(.54) saturate(1)}
.project-overlay{padding:130px 34px 34px;background:linear-gradient(180deg,transparent 5%,rgba(10,15,17,.08) 34%,rgba(9,13,15,.92) 100%)}
.more-work{border-top-color:rgba(17,21,22,.12)}
.more-work h3{color:#16191a}.mini-projects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-project{min-height:285px;position:relative;overflow:hidden;border-radius:22px;background:#e7e3dc;box-shadow:0 16px 45px rgba(30,35,38,.11)}.mini-project>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.7);transition:.55s}.mini-project:hover>img{transform:scale(1.035);filter:brightness(.58)}.mini-project>span{position:absolute;inset:auto 0 0;padding:55px 22px 22px;background:linear-gradient(transparent,rgba(7,10,11,.9));color:#fff;display:flex;flex-direction:column;gap:6px}.mini-project b{font-family:var(--serif);font-size:22px;font-weight:500}.mini-project small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}

.about-brand{background:transparent;box-shadow:none;padding:20px 0}.about-brand img{max-width:500px}.about-brand p{margin-top:22px}
.contact{background:linear-gradient(135deg,#e6edf2 0%,#f5eee5 50%,#f8f5ef 100%);color:#171a1c}.contact-bg{opacity:.055}.contact .eyebrow{color:#d56d04}.contact h2 em{color:var(--blue)}.contact p{color:#5e6667}.btn-contact{background:#172126;color:#fff}.btn-contact:hover{background:#2d3a40}
.site-footer{background:#f8f5ef;color:#151819;border-top:1px solid rgba(0,0,0,.08);padding:52px 0}.footer-inner{align-items:center}.footer-inner>div:first-child img{width:210px;max-height:86px;object-fit:contain;object-position:left center;background:transparent;border-radius:0;padding:0}.footer-inner small{color:#717674}.footer-links a{color:#555d5d}.footer-links a:hover{color:#d56d04}.footer-inner>p{color:#858a87}.to-top{border-color:rgba(0,0,0,.12);background:#fff;color:#151819}

@media(max-width:820px){.site-header .nav-shell{height:74px}.brand{width:160px;height:62px}.stage-caption{left:14px;right:14px;bottom:14px;grid-template-columns:1fr}.stage-caption>small{justify-self:start}.browser-shot{height:420px}.mini-projects{grid-template-columns:1fr}.footer-inner>div:first-child img{width:190px}}
@media(max-width:520px){.brand{width:145px}.browser-shot{height:360px}.project-card{min-height:430px}.stage-caption>strong{font-size:20px}}

/* ===== v0.3 — poprawki po przeglądzie: mniej zlania, więcej koloru marki, zero błędnych plansz ===== */
:root{
  --navy:#233b68;
  --navy2:#334f80;
  --pale-blue:#e8f0f7;
  --pale-sky:#eef8fb;
  --pale-green:#eef6e9;
  --pale-orange:#fff1e3;
  --display:"Avenir Next","Helvetica Neue",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* Jedna, nowoczesna typografia nagłówków — bez przypadkowego kursywy. */
.hero h1,.section-intro h2,.work-head h2,.care-copy h2,.history-copy h2,.archive-head h2,.about-copy h2,.contact h2,
.service-copy h3,.service-card h3,.case h3,.project-overlay h3,.more-work h3,.archive-web h3{
  font-family:var(--display);
  font-style:normal;
  font-weight:720;
  letter-spacing:-.045em;
}
.hero h1 em,.section-intro h2 em,.work-head h2 em,.care-copy h2 em,.history-copy h2 em,.archive-head h2 em,.about-copy h2 em,.contact h2 em{
  font-style:normal;
  font-weight:720;
}

/* Logo: pełne, nieprzycięte, z oddechem. */
.site-header .nav-shell{height:88px;padding-left:22px;background:rgba(255,255,255,.92);border-color:rgba(35,59,104,.10)}
.brand{width:220px;height:76px;overflow:visible}
.brand img{width:100%;height:100%;object-fit:contain;object-position:left center;overflow:visible}

/* Hero jaśniejszy i bardziej premium, z kolorami rozety zamiast czerni. */
.hero{background:
  radial-gradient(circle at 7% 22%,rgba(242,122,0,.10),transparent 26%),
  radial-gradient(circle at 90% 10%,rgba(82,107,153,.14),transparent 31%),
  linear-gradient(145deg,#fbfaf7 0%,#f2f6f8 58%,#f8f5ef 100%)}
.hero::before{background:radial-gradient(circle,rgba(89,185,223,.13),rgba(89,185,223,0) 70%)}
.hero h1 em{color:var(--navy)}
.btn-primary{background:var(--navy);box-shadow:0 18px 38px rgba(35,59,104,.18)}
.btn-primary:hover{background:#192e52}

/* Gambia: obraz bez pośrednika screenshotowego = koniec białych plansz błędu. */
.stage-card{border:1px solid rgba(35,59,104,.12);box-shadow:0 42px 90px rgba(35,59,104,.18)}
.stage-shot{object-fit:cover;object-position:center 43%;background:linear-gradient(135deg,#dce9ec,#eadfcf)}
.stage-caption{background:linear-gradient(135deg,rgba(25,46,76,.92),rgba(30,48,64,.83));box-shadow:0 14px 35px rgba(22,40,67,.22)}

/* Specjalizacje: wyraźnie oddzielone barwą, ale bez krzykliwości. */
.specialty{background:linear-gradient(180deg,#f7fafc 0%,#f5f2eb 100%)}
.service-feature{
  background:linear-gradient(125deg,var(--navy) 0%,#315382 58%,#55769b 100%);
  color:#fff;
  border:1px solid rgba(35,59,104,.16);
  box-shadow:0 28px 70px rgba(35,59,104,.20)
}
.service-feature::after{background:radial-gradient(circle,rgba(242,122,0,.36),transparent 65%)}
.service-label{color:#ffb667}.service-copy p{color:rgba(255,255,255,.78)}
.service-tags span{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.08)}
.ad-card{background:#fff;color:var(--navy)}
.landing-card{background:#f3912f;color:#17243a}

.services-grid{gap:18px;margin-top:18px}
.service-card{border:1px solid transparent;box-shadow:0 16px 38px rgba(35,59,104,.07);min-height:320px}
.service-card:nth-child(1){background:linear-gradient(145deg,#eef6fb,#dcebf5);border-color:rgba(82,107,153,.12)}
.service-card:nth-child(2){background:linear-gradient(145deg,#f1f8ed,#e4f0dc);border-color:rgba(85,185,0,.12)}
.service-card:nth-child(3){background:linear-gradient(145deg,#fff5ea,#fbe6cf);border-color:rgba(242,122,0,.12)}
.service-card:nth-child(1)>span{color:var(--navy2)}
.service-card:nth-child(2)>span{color:#6d9b45}
.service-card:nth-child(3)>span{color:#d97716}
.service-card h3{color:#1e2b37;font-size:31px}
.service-card p{color:#59646c}
.service-card a{color:var(--navy);border-top:1px solid rgba(35,59,104,.10)}
.service-card a:hover{color:var(--orange)}

/* Portfolio: chłodniejsze tło, żeby nie zlewało się z sekcją usług. */
.work{background:linear-gradient(180deg,#edf3f7 0%,#f7f4ed 54%,#eef4f0 100%);color:#15202b}
.work-head h2 em{color:var(--navy)}
.work-head p{color:#62707a}
.case{border-top-color:rgba(35,59,104,.14)}
.case-index{color:#d56d04}.case p{color:#5e6870}.case-tags span{background:rgba(255,255,255,.72);border-color:rgba(35,59,104,.12)}
.browser{border-color:rgba(35,59,104,.10);box-shadow:0 30px 70px rgba(35,59,104,.15)}
.browser-shot{background:#e7eef2}

/* Kafelki aktywnych realizacji — każdy zawsze ma tło, nigdy pustą czarną planszę. */
.project-card{background:#dfe9ef;border-color:rgba(35,59,104,.10);box-shadow:0 20px 55px rgba(35,59,104,.12)}
.project-image>img{filter:brightness(.70) saturate(.95);background:#dfe9ef}
.project-image:hover>img{filter:brightness(.56) saturate(1.03)}
.project-overlay{background:linear-gradient(180deg,rgba(18,31,50,.04) 0%,rgba(18,31,50,.14) 33%,rgba(17,29,47,.91) 100%)}
.project-overlay>span{color:#ffd2a2}

.project-visual{position:relative;overflow:hidden;isolation:isolate}
.project-visual::before,.project-visual::after{content:"";position:absolute;border-radius:50%;filter:blur(.1px);z-index:-1}
.project-visual-hotel{background:linear-gradient(145deg,#e5eee8 0%,#d8e6dd 45%,#f4eadb 100%)}
.project-visual-hotel::before{width:420px;height:420px;right:-120px;top:-150px;background:rgba(85,185,0,.18)}
.project-visual-hotel::after{width:360px;height:360px;left:-120px;bottom:-160px;background:rgba(89,185,223,.16)}
.project-visual-ziemia{background:linear-gradient(145deg,#e4edf4,#dbe8e2 54%,#f3eadf)}
.project-visual-ziemia::before{width:440px;height:440px;right:-130px;bottom:-180px;background:rgba(82,107,153,.18)}
.project-visual-ziemia::after{width:330px;height:330px;left:-80px;top:-120px;background:rgba(242,122,0,.10)}
.visual-mark{position:absolute;inset:40px 34px auto;z-index:1;color:#24405d;display:flex;flex-direction:column;gap:6px;max-width:80%}
.visual-mark small{font-size:9px;letter-spacing:.18em;font-weight:800;color:#6d7e87}
.visual-mark b{font-family:var(--display);font-size:52px;line-height:.87;letter-spacing:-.055em;color:var(--navy);font-weight:800}
.visual-mark span{font-size:11px;letter-spacing:.07em;color:#60727d}
.project-visual .project-overlay{z-index:3}

/* Aiki direct image — właściwa nazwa domeny i realne zdjęcie z serwisu. */
.project-card img[src*="miecz.jpg"]{object-position:center center}

/* Pod Jaskiniami: zamiast grafiki błędu mamy kontrolowane tło projektu. */
.mini-project-jaskinie{background:linear-gradient(135deg,#dce8df,#e9e0cf 55%,#d9e9f0)}
.mini-project-jaskinie::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-90px;background:rgba(85,185,0,.15)}
.mini-project-jaskinie::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-60px;bottom:-100px;background:rgba(82,107,153,.14)}
.mini-visual{position:absolute;left:24px;top:28px;z-index:1;display:flex;flex-direction:column;color:var(--navy)}
.mini-visual small{font-size:8px;letter-spacing:.17em;font-weight:800;color:#6d7b72}
.mini-visual b{font-family:var(--display);font-size:38px;line-height:.86;letter-spacing:-.055em;margin-top:8px}
.mini-project-kursy{background:linear-gradient(135deg,#e8edf2,#f5e9de)}

/* Cyganex: koniec czarnego pustego kafla — pełne wizualne archiwum. */
.archive-cyganex{background:linear-gradient(135deg,#e7edf2 0%,#f2e8dc 100%)!important;color:#1d2b38!important;display:grid;grid-template-rows:1fr auto}
.archive-cyganex>div{position:relative!important;background:none!important}
.cyganex-visual{min-height:200px;padding:30px!important;overflow:hidden}
.cyganex-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(35,59,104,.14),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 2px,transparent 2px 24px)}
.cyganex-visual i{position:absolute;height:5px;border-radius:8px;background:var(--orange);transform:rotate(-12deg);opacity:.9}
.cyganex-visual i:nth-child(1){width:72%;left:8%;top:40%}.cyganex-visual i:nth-child(2){width:50%;left:28%;top:50%;background:var(--navy2)}.cyganex-visual i:nth-child(3){width:38%;left:18%;top:60%;background:#9ca9b1}
.cyganex-visual strong{position:relative;display:block;font-family:var(--display);font-size:54px;letter-spacing:-.055em;color:var(--navy);z-index:2}
.cyganex-visual small{position:relative;z-index:2;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#687783}
.archive-cyganex-copy{padding:28px 30px 30px!important;background:rgba(255,255,255,.64)!important}
.archive-cyganex-copy span{color:#d46b00}.archive-cyganex-copy h3{font-size:38px;color:#1e2c3c}.archive-cyganex-copy p{color:#68737b}.archive-cyganex-copy b{margin-top:20px!important;color:var(--navy)!important}

/* About/footer: logo transparent and no white "naklejka" effect. */
.about{background:linear-gradient(145deg,#f1f5f7,#f7f1e9)}
.about-brand{background:transparent!important;box-shadow:none!important;border:0!important;padding:10px 0!important}
.about-brand img{max-width:520px;filter:drop-shadow(0 14px 28px rgba(35,59,104,.10))}
.site-footer{background:linear-gradient(180deg,#f7fafb,#edf2f5);color:#172230;border-top:1px solid rgba(35,59,104,.10)}
.footer-inner>div:first-child img{width:230px;max-height:none;background:transparent!important;border-radius:0!important;padding:0!important;filter:drop-shadow(0 10px 22px rgba(35,59,104,.08))}
.footer-links a{color:#4d6070}.footer-inner small,.footer-inner>p{color:#76838b}

@media(max-width:820px){
  .site-header .nav-shell{height:76px}.brand{width:180px;height:64px}
  .visual-mark b{font-size:44px}
  .cyganex-visual strong{font-size:46px}
}
@media(max-width:520px){
  .brand{width:158px}.visual-mark{inset:30px 24px auto}.visual-mark b{font-size:38px}
}

/* ===== v0.4 — portfolio z lokalnych materiałów + animacja ścieżki konwersji ===== */
.intro-side{min-height:238px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.conversion-loop{width:min(100%,430px);min-height:148px;position:relative;padding:26px 26px 22px;border:1px solid rgba(35,59,104,.12);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(232,240,247,.72));box-shadow:0 18px 45px rgba(35,59,104,.08);overflow:hidden}
.conversion-loop::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-72px;background:radial-gradient(circle,rgba(242,122,0,.16),transparent 68%)}
.conversion-line{position:absolute;left:48px;right:48px;top:57px;height:2px;background:linear-gradient(90deg,rgba(35,59,104,.18),rgba(89,185,223,.55),rgba(242,122,0,.38));overflow:visible}
.conversion-line i{position:absolute;top:50%;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(242,122,0,.12),0 0 24px rgba(242,122,0,.45);animation:conversionTravel 4.8s cubic-bezier(.45,0,.55,1) infinite}
.conversion-nodes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.conversion-nodes span{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--navy)}
.conversion-nodes b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid rgba(35,59,104,.14);box-shadow:0 7px 18px rgba(35,59,104,.08);font-size:9px;letter-spacing:.08em}
.conversion-nodes small{font-size:8px;letter-spacing:.15em;font-weight:800;color:#607180}
.conversion-loop p{position:relative;z-index:2;margin:22px 0 0;text-align:center;font-size:8px;letter-spacing:.18em;font-weight:800;color:#8b98a2}
@keyframes conversionTravel{0%,8%{left:0;opacity:0}14%{opacity:1}48%{left:50%}86%{opacity:1}94%,100%{left:100%;opacity:0}}

.project-image-contain>img{object-fit:contain!important;object-position:center 35%!important;padding:94px 70px 200px;background:radial-gradient(circle at 70% 28%,#5d3927 0%,#2a1710 34%,#140d0a 76%);filter:none!important;transform:none!important}
.project-image-contain:hover>img{transform:scale(1.02)!important;filter:none!important}
.project-gordon .project-overlay{background:linear-gradient(180deg,rgba(18,9,5,.06),rgba(18,9,5,.16) 28%,rgba(18,9,5,.94) 100%)}

.mini-project-jaskinie>img{display:block!important;filter:brightness(.72) saturate(.92)!important;object-position:top center!important}
.mini-project-jaskinie:hover>img{filter:brightness(.58) saturate(1)!important}

.archive-cyganex{grid-template-rows:205px auto!important}
.archive-cyganex .cyganex-gallery{position:relative!important;padding:0!important;overflow:hidden;background:#dfe8ee!important}
.cyganex-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:none!important;opacity:0;animation:cyganexCrossfade 8s ease-in-out infinite}
.cyganex-gallery img:first-child{opacity:1;animation-delay:0s}
.cyganex-gallery img:last-child{animation-delay:4s}
@keyframes cyganexCrossfade{0%,42%{opacity:1;transform:scale(1)}50%,92%{opacity:0;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
.archive-cyganex-copy{padding:28px 30px 30px!important}

@media(max-width:820px){
  .intro-side{min-height:auto;gap:24px}
  .conversion-loop{width:100%;max-width:520px}
  .project-image-contain>img{padding:75px 55px 190px}
}
@media(max-width:520px){
  .conversion-loop{min-height:138px;padding:22px 16px 18px}
  .conversion-line{left:34px;right:34px;top:53px}
  .conversion-loop p{margin-top:18px;font-size:7px}
  .project-image-contain>img{padding:65px 38px 180px}
}
@media(prefers-reduced-motion:reduce){.conversion-line i,.cyganex-gallery img{animation:none!important}.cyganex-gallery img:first-child{opacity:1}.cyganex-gallery img:last-child{opacity:0}}

/* ===== v0.5 / v1-4 — czytelny podział: realizacje aktywne vs archiwum ===== */
.portfolio-divider{
  margin:56px 0 18px;
  padding-top:34px;
  border-top:1px solid rgba(35,59,104,.14);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
}
.portfolio-divider .eyebrow{color:#d56d04}
.portfolio-divider p{margin:0;max-width:560px;font-size:12px;line-height:1.65;color:#66737d;text-align:right}
.mini-projects-single{grid-template-columns:1fr}
.mini-projects-single .mini-project{min-height:330px}

/* Archiwalne WWW są celowo prezentowane jako jedna, uporządkowana kolekcja. */
.archive-web{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.archive-web .archive-card{min-height:390px;border:1px solid rgba(35,59,104,.08);box-shadow:0 16px 42px rgba(35,59,104,.09);background:#e8edf0}
.archive-web .archive-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.76) saturate(.86);transition:transform .55s ease,filter .55s ease}
.archive-web .archive-card:hover>img{transform:scale(1.035);filter:brightness(.63) saturate(.96)}
.archive-web .archive-card>div{padding:80px 26px 26px;background:linear-gradient(transparent,rgba(14,24,35,.93))}
.archive-web .archive-card h3{font-size:31px}
.archive-web .archive-card p{max-width:390px}
.archive-link{display:inline-flex;margin-top:14px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#ffd09c!important;border-bottom:1px solid rgba(255,208,156,.45);padding-bottom:4px}
.archive-link:hover{color:#fff!important}
.archive-gordon{background:radial-gradient(circle at 65% 25%,#6f4933 0%,#332016 38%,#17110e 78%)!important}
.archive-gordon>img{object-fit:contain!important;object-position:center 31%!important;padding:60px 54px 170px;filter:none!important;transform:none!important}
.archive-gordon:hover>img{transform:scale(1.018)!important;filter:none!important}
.archive-gordon>div{background:linear-gradient(transparent 10%,rgba(18,9,5,.94) 78%)!important}

/* Cyganex pozostaje wyróżnionym case study archiwalnym, ale w tej samej sekcji. */
.archive-cyganex{
  grid-column:1/-1!important;
  min-height:390px!important;
  display:grid!important;
  grid-template-columns:1.35fr .65fr!important;
  grid-template-rows:1fr!important;
  border:1px solid rgba(35,59,104,.10);
  box-shadow:0 18px 50px rgba(35,59,104,.10);
}
.archive-cyganex .cyganex-gallery{min-height:390px!important;height:100%!important}
.archive-cyganex-copy{display:flex;flex-direction:column;justify-content:center;padding:42px!important}
.archive-cyganex-copy h3{font-size:46px}
.archive-cyganex-copy b{margin-top:26px!important}

@media(max-width:820px){
  .portfolio-divider{display:block}.portfolio-divider p{margin-top:12px;text-align:left}
  .archive-web{grid-template-columns:1fr}
  .archive-cyganex{grid-column:auto!important;grid-template-columns:1fr!important;grid-template-rows:260px auto!important}
  .archive-cyganex .cyganex-gallery{min-height:260px!important}
  .archive-cyganex-copy{padding:30px!important}
}

/* ===== v0.6 / v1-5 — finalny blok kontaktu i zaufania ===== */
.contact{padding-bottom:92px}
.contact-inner{max-width:1240px}
.contact-services{margin-bottom:34px!important}
.contact-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:30px;
}
.contact-card{
  min-height:154px;
  padding:24px 26px;
  border:1px solid rgba(35,59,104,.11);
  border-radius:22px;
  background:rgba(255,255,255,.58);
  box-shadow:0 16px 38px rgba(35,59,104,.07);
  display:flex;
  flex-direction:column;
  justify-content:center;
  backdrop-filter:blur(8px);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(35,59,104,.11);border-color:rgba(35,59,104,.2)}
.contact-card small{font-size:8px;letter-spacing:.18em;font-weight:800;color:#7c8991;margin-bottom:12px}
.contact-card>a,.contact-card strong{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.2vw,32px);line-height:1.05;letter-spacing:-.025em;color:#1f365f}
.contact-card>a:hover{color:#d56d04}
.contact-card>span,.contact-card div>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6d777c;margin-top:12px}
.contact-location{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;justify-content:initial}
.contact-location div{display:flex;flex-direction:column;justify-content:center}
.contact-location div small{margin-bottom:8px}
.contact-location div strong{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.2vw,32px);line-height:1.05;letter-spacing:-.025em;color:#1f365f}
.contact-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#172126;color:#fff;margin:0!important}
.contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-actions{display:flex;align-items:center;gap:26px;margin-top:28px}
.contact-actions .btn-contact{min-width:310px}
.contact-phone{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#667277;border-bottom:1px solid rgba(35,59,104,.2);padding:10px 0}
.contact-phone strong{color:#233b68;font-weight:800}
.contact-phone:hover{color:#d56d04;border-color:#d56d04}
.trust-strip{
  margin-top:54px;
  padding-top:26px;
  border-top:1px solid rgba(35,59,104,.13);
  display:grid;
  grid-template-columns:.7fr .9fr 1.2fr 1.4fr;
  gap:24px;
}
.trust-strip>div{min-height:54px;padding-right:20px;border-right:1px solid rgba(35,59,104,.11);display:flex;flex-direction:column;justify-content:center}
.trust-strip>div:last-child{border-right:0;padding-right:0}
.trust-strip small,.trust-strip span{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#7d898f}
.trust-strip strong{font-family:var(--serif);font-size:20px;font-weight:500;line-height:1.15;color:#233b68;margin:3px 0}
.footer-inner>p{white-space:nowrap}

@media(max-width:820px){
  .contact-cards{grid-template-columns:1fr}
  .contact-card{min-height:132px}
  .contact-location{grid-template-columns:52px 1fr}
  .contact-actions{align-items:flex-start;flex-direction:column;gap:12px}
  .contact-actions .btn-contact{min-width:0;width:100%}
  .trust-strip{grid-template-columns:1fr 1fr;gap:18px 22px}
  .trust-strip>div:nth-child(2){border-right:0}
}
@media(max-width:520px){
  .contact{padding-bottom:74px}
  .contact-card{padding:22px 20px}
  .contact-card>a,.contact-card strong,.contact-location div strong{font-size:26px}
  .trust-strip{grid-template-columns:1fr;gap:0;margin-top:42px}
  .trust-strip>div,.trust-strip>div:nth-child(2){border-right:0;border-bottom:1px solid rgba(35,59,104,.11);padding:15px 0}
  .trust-strip>div:last-child{border-bottom:0}
  .footer-inner>p{white-space:normal}
}

/* ===== Cookies / zgody ===== */
.cookie-notice{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:2200;
  width:min(720px,calc(100vw - 48px));
  padding:22px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(12,15,16,.97);
  color:#fff;
  box-shadow:0 26px 80px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:center;
  opacity:0;
  transform:translateY(14px);
  transition:opacity .25s ease,transform .25s ease;
}
.cookie-notice[hidden]{display:none}
.cookie-notice.show{opacity:1;transform:none}
.cookie-notice__copy strong{
  display:block;
  margin-bottom:7px;
  font-family:var(--serif);
  font-size:23px;
  font-weight:500;
  letter-spacing:-.02em;
}
.cookie-notice__copy p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:12px;
  line-height:1.6;
  text-transform:none;
  letter-spacing:0;
}
.cookie-notice__copy a{
  color:#f0bc75;
  text-decoration:underline;
  text-underline-offset:3px;
}
.cookie-notice__actions{
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.cookie-notice__accept,
.cookie-notice__necessary{
  min-height:43px;
  border-radius:12px;
  padding:12px 15px;
  cursor:pointer;
  white-space:nowrap;
  font-size:8px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.cookie-notice__accept{
  border:0;
  background:#fff;
  color:#111;
}
.cookie-notice__necessary{
  border:1px solid rgba(255,255,255,.28);
  background:transparent;
  color:#fff;
}
.cookie-notice__accept:hover{background:#f0b56d;transform:translateY(-1px)}
.cookie-notice__necessary:hover{border-color:#f0b56d;color:#f0bc75;transform:translateY(-1px)}
.cookie-notice__accept:focus-visible,
.cookie-notice__necessary:focus-visible{outline:2px solid #f0b56d;outline-offset:3px}

.footer-cookie-settings{
  border:0;
  padding:0;
  background:none;
  color:rgba(255,255,255,.55);
  cursor:pointer;
  font:inherit;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.footer-cookie-settings:hover{color:#fff}

/* ===== Polityka prywatności ===== */
.privacy-page{background:#f7f4ee}
.privacy-main{padding:170px 0 110px}
.privacy-shell{width:min(980px,calc(100% - 64px));margin-inline:auto}
.privacy-head{margin-bottom:54px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.privacy-head .eyebrow{display:block;margin-bottom:16px}
.privacy-head h1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(48px,6vw,78px);
  line-height:.96;
  letter-spacing:-.045em;
  margin:0 0 22px;
}
.privacy-head h1 em{font-weight:400;color:var(--blue)}
.privacy-head p{max-width:760px;font-size:15px;line-height:1.75;color:#626762}
.privacy-updated{font-size:9px!important;text-transform:uppercase;letter-spacing:.13em;color:#92958f!important}
.privacy-content{display:grid;gap:16px}
.privacy-section{
  background:#fff;
  border:1px solid rgba(0,0,0,.07);
  border-radius:22px;
  padding:30px 32px;
}
.privacy-section h2{
  font-family:var(--serif);
  font-weight:500;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.025em;
  margin:0 0 16px;
  color:#1f365f;
}
.privacy-section h3{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin:22px 0 10px;
}
.privacy-section p,.privacy-section li{font-size:13px;line-height:1.75;color:#5f6561}
.privacy-section p{margin:10px 0}
.privacy-section ul{margin:12px 0 0;padding-left:20px}
.privacy-section a{color:#d56d04;text-decoration:underline;text-underline-offset:3px}
.privacy-cookie-table{display:grid;gap:9px;margin-top:18px}
.privacy-cookie-row{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:18px;
  padding:15px 0;
  border-top:1px solid var(--line);
}
.privacy-cookie-row strong{font-family:var(--serif);font-size:18px;font-weight:500;color:#20272a}
.privacy-cookie-row span{font-size:12px;line-height:1.65;color:#666c68}
.privacy-back{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}
.privacy-back .btn{border:1px solid rgba(0,0,0,.13)}
.privacy-cookie-button{
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  min-height:56px;
  padding:0 22px;
  border-radius:14px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.privacy-cookie-button:hover{border-color:#d56d04;color:#d56d04}

@media(max-width:760px){
  .cookie-notice{
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    grid-template-columns:1fr;
    gap:15px;
    padding:18px;
  }
  .cookie-notice__actions{justify-content:stretch}
  .cookie-notice__accept,.cookie-notice__necessary{flex:1}
  .privacy-shell{width:calc(100% - 30px)}
  .privacy-main{padding-top:130px}
  .privacy-section{padding:24px 20px}
  .privacy-cookie-row{grid-template-columns:1fr;gap:5px}
}
@media(max-width:480px){
  .cookie-notice__actions{flex-direction:column}
  .cookie-notice__accept,.cookie-notice__necessary{width:100%}
}