/* Archive — Avenir typography from the current portfolio, in ink / petrol / silver. */
.mk-archive { --mk-ink:#091217; --mk-paper:#eef4f4; --mk-muted:#a8bdc4; --mk-line:rgba(193,221,227,.2); margin:0; background:radial-gradient(ellipse at 96% 5%,#173540 0,transparent 48%),#091217; color:var(--mk-paper); font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; line-height:1.6; }
.mk-archive *, .mk-archive *::before, .mk-archive *::after { box-sizing:border-box; }
.mk-archive a { color:inherit; text-decoration:none; }
.mk-archive a:focus-visible { outline:2px solid #b8e7e9; outline-offset:5px; }
.mk-archive #container { position:relative; display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:0 40px; width:100%; max-width:1540px; margin:0 auto; padding:0 clamp(20px,4.5vw,80px); background:none; }
.mk-archive #header { grid-column:1/-1; position:relative; height:auto; min-height:0; padding:42px 0 26px; margin:0; background:none; }
.mk-archive .mk-archive-identity { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px 28px; }
.mk-archive .mk-archive-identity > a { font-size:clamp(25px,2.3vw,38px); font-weight:420; line-height:1.2; letter-spacing:.12em; }
.mk-archive .mk-archive-identity > span { font-size:14px; color:var(--mk-muted); letter-spacing:.035em; }
.mk-archive .mk-archive-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:28px; }
.mk-archive .mk-archive-heading > :first-child { margin:0; font-size:clamp(70px,10.3vw,152px); font-weight:520; line-height:1.03; letter-spacing:-.06em; color:#e9f3f3; background:linear-gradient(110deg,#f1f6f5 5%,#8db9c6 70%,#729cae); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.mk-archive .mk-archive-star { display:block; flex:0 0 auto; width:68px; height:68px; opacity:.86; }
.mk-archive .mk-archive-star img { display:block; width:100%; height:100%; object-fit:contain; }
.mk-archive #mainmenu { grid-column:1/-1; grid-row:2; position:static; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; height:auto; width:100%; padding:0 0 44px; margin:0; background:none; list-style:none; float:none; }
.mk-archive #mainmenu > li { position:relative; inset:auto; float:none; display:block; width:auto; height:auto; min-width:0; margin:0; padding:0; aspect-ratio:2.17; overflow:hidden; border:1px solid rgba(166,204,217,.22); border-radius:17px; background:linear-gradient(145deg,#192d3a,#111d2b); transition:transform .25s ease,border-color .25s ease,filter .25s ease; }
.mk-archive #mainmenu > li:nth-child(5n+2) { background:linear-gradient(145deg,#20414d,#17303b); }
.mk-archive #mainmenu > li:nth-child(5n+3) { background:linear-gradient(145deg,#284e5d,#1b3949); }
.mk-archive #mainmenu > li:nth-child(5n+4) { background:linear-gradient(145deg,#31596c,#263e56); }
.mk-archive #mainmenu > li:nth-child(5n) { background:linear-gradient(145deg,#3a526b,#26394e); }
.mk-archive #mainmenu > li:nth-child(n+11) { background:linear-gradient(145deg,#305057,#203740); }
.mk-archive #mainmenu > li:nth-child(13),.mk-archive #mainmenu > li:nth-child(15) { background:linear-gradient(145deg,#53727c,#374f5a); }
.mk-archive #mainmenu > li > strong { display:contents; }
.mk-archive #mainmenu a { position:relative; inset:auto; float:none; display:flex; width:100%; height:100%; justify-content:center; align-items:center; padding:15px 12px; background:none!important; font-family:inherit; font-size:clamp(16px,1.55vw,24px); font-weight:480; line-height:1.25; letter-spacing:-.025em; text-align:center; text-indent:0; text-transform:none; color:#edf4f5; white-space:normal; }
.mk-archive #mainmenu em { display:none; }
.mk-archive #mainmenu > li:has(a):hover { transform:translateY(-3px); border-color:#81b2c3; filter:brightness(1.14); }
.mk-archive .mk-window-light { display:block; width:100%; height:100%; background:radial-gradient(ellipse at 80% 100%,rgba(161,213,220,.16),transparent 66%); }
.mk-archive #content { grid-column:2; grid-row:3; float:none; position:static; width:auto; max-width:100%; margin:0; padding:32px 0 48px; border-top:1px solid var(--mk-line); background:none; }
.mk-archive #content h1,.mk-archive #content h2 { margin:0 0 24px; color:var(--mk-paper); font-size:clamp(32px,3.4vw,54px); font-weight:500; line-height:1.13; letter-spacing:-.04em; }
.mk-archive #content p { margin:0 0 22px; font-size:16px; line-height:1.7; }
.mk-archive #content > ul { margin:0 0 30px; padding-left:20px; color:var(--mk-muted); font-size:18px; }
.mk-archive #content li { margin:3px 0; }
.mk-archive .mk-archive-eyebrow { color:var(--mk-muted); letter-spacing:.11em; text-transform:uppercase; font-size:14px!important; }
.mk-archive #side { grid-column:1; grid-row:3; float:none; position:static; width:auto; margin:0; padding:32px 0 48px; border-top:1px solid var(--mk-line); background:none; }
.mk-archive #side .galerie { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; width:100%; margin:0; padding:0; }
.mk-archive #side .galerie > span { display:block; width:auto; height:auto; float:none; margin:0; padding:0; }
.mk-archive #side .galerie a.thickbox { position:relative; display:block; width:100%; height:auto; margin:0; padding:0; overflow:hidden; border:1px solid var(--mk-line); border-radius:14px; aspect-ratio:2.12; background:#15272f; }
.mk-archive #side .galerie img { display:block; position:static; width:100%; height:100%; max-width:100%; margin:0; padding:0; object-fit:cover; border:0; filter:none; }
.mk-archive #side .galerie em { display:none; }
.mk-archive #footer { grid-column:1/-1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px 30px; float:none; width:auto; min-height:0; margin:0; padding:26px 0 36px; border-top:1px solid var(--mk-line); color:var(--mk-muted); background:none; font-size:14px; }
.mk-archive #footer p,.mk-archive #footer > div { position:static; float:none; margin:0; }
.mk-archive .mk-archive-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px 30px; direction:ltr; font-size:14px; }
.mk-archive .mk-archive-links a { display:inline-block; padding:8px 0; border-bottom:1px solid var(--mk-line); }
.mk-archive .mk-archive-links a:first-child { color:#edf4f5; }
.mk-archive #container > .clear,.mk-archive #container > .hr,.mk-archive #header > .hr,.mk-archive #content > .hr,.mk-archive #side > .hr,.mk-archive #footer > .hr { display:none; }
.mk-archive:not(.homepage) #content { grid-column:1/-1; }
.mk-archive:not(.homepage) #side { grid-column:1/-1; grid-row:auto; }
.mk-archive .mk-sites-top { display:flex; flex-wrap:wrap; gap:12px 36px; padding:12px clamp(20px,4.5vw,80px); border-bottom:1px solid var(--mk-line); background:#071014; color:#bacbd0; font-size:14px; direction:ltr; }
.mk-archive .mk-sites-top a { display:flex; align-items:center; gap:10px; min-height:30px; }
.mk-archive .mk-sites-top a:first-child { color:#f0f4f3; }
.mk-archive .mk-sites-top small { font-size:12px; color:#84a6b3; }
@media(max-width:900px) { .mk-archive #container { gap:0 26px; }.mk-archive #mainmenu { gap:10px; }.mk-archive #mainmenu a { font-size:16px; padding:10px 6px; }.mk-archive #mainmenu>li { aspect-ratio:1.7; }.mk-archive #side .galerie { grid-template-columns:1fr; } }
@media(max-width:620px) { .mk-archive #container { display:flex; flex-direction:column; padding:0 20px; }.mk-archive #header { order:0; padding-top:30px; }.mk-archive .mk-archive-identity { gap:12px; }.mk-archive .mk-archive-identity > a { font-size:26px; letter-spacing:.06em; }.mk-archive .mk-archive-identity > span { font-size:14px; }.mk-archive .mk-archive-heading { padding-top:22px; }.mk-archive .mk-archive-star { width:46px; height:46px; }.mk-archive #mainmenu { order:1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding-bottom:28px; }.mk-archive #mainmenu>li { aspect-ratio:1.12; border-radius:12px; }.mk-archive #mainmenu a { font-size:16px; overflow-wrap:anywhere; }.mk-archive #content { order:2; padding-top:28px; }.mk-archive #side { order:3; padding-top:28px; }.mk-archive #side .galerie { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.mk-archive #footer { order:4; }.mk-archive .mk-sites-top { gap:10px 26px; }.mk-archive .mk-sites-top small { display:none; } }
@media(prefers-reduced-motion:reduce) { .mk-archive *, .mk-archive *::before, .mk-archive *::after { animation:none!important; transition:none!important; }.mk-archive .mk-archive-star img { visibility:hidden; }.mk-archive .mk-archive-star { background:#a4ced5; clip-path:polygon(50% 0,57% 33%,85% 15%,67% 43%,100% 50%,67% 57%,85% 85%,57% 67%,50% 100%,43% 67%,15% 85%,33% 57%,0 50%,33% 43%,15% 15%,43% 33%); } }