/* flamurhoxha.com v0.5 — built from Figma "v0.5 Site (për Claude Code)" */

@font-face{font-family:"Libre Caslon Display";src:url(fonts/libre-caslon-display-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(fonts/libre-caslon-text-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(fonts/libre-caslon-text-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(fonts/schibsted-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(fonts/schibsted-grotesk-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  /* Figma paint styles */
  --paper:#F5F3EE;          /* Paper */
  --paper-shade:#EBE6DB;    /* Paper/Shade */
  --ink:#16161A;            /* Ink */
  --stone:#77716A;          /* Stone */
  --rule:#D6CFC2;           /* Rule */
  --blue-knight:#1B2D7A;    /* Blue/Knight */
  --blue-deep:#111D52;      /* Blue/Deep */
  --blue-tint:#C9CFE3;      /* Blue/Tint (placeholder only) */
  --night:#0D1430;          /* Night */
  --status-rejected:#8A3B2E;/* Status/Rejected */
  --rule-card:#DCD5C8;      /* card/row borders in the components (unstyled value in Figma) */
  --stone-text:#6B655E;     /* Stone darkened for small text: 5.0:1 on Paper, 4.5:1 on Paper/Shade (Figma Stone is 4.35 / 3.88) */

  /* font families */
  --f-display:"Libre Caslon Display",Georgia,serif;
  --f-text:"Libre Caslon Text",Georgia,serif;
  --f-ui:"Schibsted Grotesk",system-ui,sans-serif;

  /* Figma text styles: font shorthand + tracking */
  --t-hero-name:400 6.5rem/.95 var(--f-display);        --tr-hero-name:-.01em;   /* Hero/Name 104 */
  --t-display-l:400 6rem/1 var(--f-display);            --tr-display-l:-.01em;   /* Display/L 96 */
  --t-display-m:400 3.75rem/1.08 var(--f-display);      --tr-display-m:-.005em;  /* Display/M 60 */
  --t-display-s:400 2.25rem/1.18 var(--f-display);                               /* Display/S 36 */
  --t-display-card:400 1.625rem/1.2 var(--f-display);                            /* Display/Card 26 */
  --t-text-lead:italic 400 1.5rem/1.5 var(--f-text);                             /* Text/Lead 24 */
  --t-text-body:400 1.25rem/1.7 var(--f-text);                                   /* Text/Body 20 */
  --t-text-small:400 1.0625rem/1.6 var(--f-text);                                /* Text/Small 17 */
  --t-text-quote:italic 400 1.25rem/1.55 var(--f-text);                          /* Text/Quote 20 */
  --t-ui-nav:500 .9375rem/1 var(--f-ui);                --tr-ui-nav:.01em;       /* UI/Nav 15 */
  --t-ui-meta:400 .8125rem/1.4 var(--f-ui);             --tr-ui-meta:.02em;      /* UI/Meta 13 */
  --t-wordmark-xl:400 9.25rem/1 var(--f-display);       --tr-wordmark-xl:.14em;  /* Wordmark/XL 148 */
  --t-wordmark-s:400 1.625rem/1 var(--f-display);       --tr-wordmark-s:.22em;   /* Wordmark/S 26 */
  --t-wordmark-nav:400 1.375rem/1 var(--f-display);     --tr-wordmark-nav:.2em;  /* Wordmark/Nav 22 */
  --t-mobile-wordmark:400 2.125rem/1 var(--f-display);  --tr-mobile-wordmark:.14em; /* Mobile/Wordmark 34 */
  --t-mobile-display:400 2.5rem/1.1 var(--f-display);   --tr-mobile-display:-.005em; /* Mobile/Display 40 */
  --t-mobile-body:400 1.125rem/1.65 var(--f-text);                               /* Mobile/Body 18 */

  /* layout: 1440 frame, 80 px margins (24 px on mobile), 1280 content */
  --m:clamp(1.5rem,5.556vw,5rem);
  --max:80rem;
  --section:clamp(4rem,9.45vw,8.5rem);   /* 136 px section padding on desktop, 64 px on mobile */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:var(--t-text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
:focus-visible{outline:2px solid var(--blue-knight);outline-offset:3px}
img{display:block;max-width:100%}
[hidden]{display:none!important}

.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--m));margin-inline:auto;padding-inline:var(--m)}
.m-only{display:none}

/* text roles */
.meta{font:var(--t-ui-meta);font-size:.875rem;letter-spacing:var(--tr-ui-meta);color:var(--stone-text)}
.body{font:var(--t-text-body)}
.small{font:var(--t-text-small)}
.lead{font:400 1.5rem/1.5 var(--f-text);max-width:34em}
.body,.small{max-width:34em}
.body+.body{margin-top:.9em}
.link{font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav);text-decoration:underline;color:var(--ink)}
.link:hover{color:var(--blue-knight)}
.link-m{font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav);color:var(--blue-knight);text-decoration:none}

/* photos: every <picture class="photo"> fills its Figma box with object-fit: cover */
.photo{display:block;width:100%;overflow:hidden;background:var(--paper-shade)}
.photo img{width:100%;height:100%;object-fit:cover}

/* status pills: red outline = rejected, navy outline = tabled, navy fill = supported */
.pill{display:inline-block;font:400 .75rem/1.4 var(--f-ui);letter-spacing:.02em;padding:5px 10px;border:1px solid}
.pill-rejected{color:var(--status-rejected);border-color:var(--status-rejected)}
.pill-tabled{color:var(--blue-knight);border-color:var(--blue-knight)}
.pill-supported{color:var(--paper);background:var(--blue-knight);border-color:var(--blue-knight)}

/* ---------------------------------------------------------------- header */
.site-head{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--rule-card)}
.site-head .bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:28px}
.wordmark{font:var(--t-wordmark-nav);letter-spacing:var(--tr-wordmark-nav);color:var(--blue-knight);text-decoration:none;white-space:nowrap}
.nav{display:flex;gap:38px}
.nav a{font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav);color:var(--ink);text-decoration:none;padding:14px 0;margin:-14px 0}
.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:.3em}
.menu-btn{display:none;font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav);background:none;border:0;padding:0 4px;min-width:44px;min-height:44px;color:inherit;cursor:pointer}
.site-head.on-photo{position:absolute;inset:0 0 auto;background:none;border:0}
.on-photo .wordmark,.on-photo .nav a{color:var(--paper)}

/* ---------------------------------------------------------------- footer */
.site-foot{background:var(--blue-deep);color:var(--paper);padding:72px 0 32px}
.site-foot a{text-decoration:none}
.site-foot a:hover{text-decoration:underline}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.foot-cols h2{font:400 1.25rem/1.18 var(--f-display);margin-bottom:12px}
.foot-mark{font:var(--t-wordmark-nav);letter-spacing:var(--tr-wordmark-nav);margin-bottom:12px}
.foot-txt{font:400 .875rem/1.4 var(--f-ui);letter-spacing:.02em;opacity:.82}
.legal{display:flex;justify-content:space-between;gap:2rem;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);font:var(--t-ui-meta);letter-spacing:var(--tr-ui-meta)}
.legal p{opacity:.6}

/* ---------------------------------------------------------------- shared blocks */
.block{padding-block:var(--section)}
.shade{background:var(--paper-shade)}
.night{background:var(--night);color:var(--paper)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:56px}
.sec-title{font:var(--t-display-m);letter-spacing:var(--tr-display-m);color:var(--blue-knight)}
.night .sec-title{color:var(--paper)}
.sec-sub{font:var(--t-text-small);color:var(--stone-text);margin-top:12px;max-width:38.75rem}
.night .sec-sub{color:var(--paper);opacity:.7}
.page-head{padding-top:112px;padding-bottom:56px}
.page-title{font:var(--t-hero-name);line-height:1;letter-spacing:var(--tr-hero-name);color:var(--blue-knight);margin-bottom:24px}
.lead-plain{max-width:45rem}

/* ---------------------------------------------------------------- Kreu: hero */
.hero{position:relative;height:900px;max-height:max(100svh,640px);min-height:640px;background:var(--night);overflow:hidden;color:var(--paper)}
.hero-photo,.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(13,20,48,.55) 0,rgba(13,20,48,0) 200px),
  linear-gradient(180deg,rgba(13,20,48,0) 65%,rgba(13,20,48,.55) 100%),
  linear-gradient(90deg,rgba(13,20,48,.88) 0%,rgba(13,20,48,.62) 34%,rgba(13,20,48,.12) 62%,rgba(13,20,48,0) 80%)}
.hero-copy{position:absolute;left:0;right:0;bottom:clamp(40px,5vw,64px);margin:auto}
.hero-eyebrow{color:var(--paper);opacity:.8;margin-bottom:18px}
.hero-name{font:var(--t-hero-name);letter-spacing:var(--tr-hero-name);margin-bottom:32px}
.hero-quote{border-left:2px solid rgba(245,242,237,.55);padding-left:22px;max-width:35.25rem}
.hero-quote p{font:italic 400 1.625rem/1.55 var(--f-text)}
.hero-quote footer{color:var(--paper);opacity:.75;margin-top:10px}
.hero-links{display:flex;gap:32px;margin-top:36px}
.hero-links a{font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav)}

/* Kreu: intro */
.intro{display:flex;align-items:center;gap:112px;padding-block:var(--section)}
.intro-portrait{flex:0 0 520px}
.intro-portrait figcaption{margin-top:12px}
.intro-text{display:flex;flex-direction:column;gap:20px;max-width:37.5rem}
.intro-head{font:400 2.875rem/1.12 var(--f-display);color:var(--blue-knight);margin-bottom:12px}

/* Kreu: Qëndrime cards */
.block-stances{padding-top:0}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.card-stance{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.card-stance .photo{margin-bottom:6px}
.card-stance h3{font:var(--t-display-card)}
.card-stance .small{opacity:.85}
.card-stance:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}

/* proposal cards (Kreu + Nisma ligjore) */
.grid-proposals{display:grid;grid-template-columns:repeat(2,1fr)}
.card-proposal{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:40px;background:var(--paper);border:1px solid var(--rule-card);margin:-1px 0 0 -1px;text-decoration:none}
.card-proposal h3{font:var(--t-display-card);color:var(--ink)}
a.card-proposal:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}

/* Kreu: Kukësi */
.kukesi{display:flex;flex-direction:column;gap:80px}
.kukesi-row{display:flex;align-items:center;gap:112px}
.postcard-area{flex:0 0 460px;display:flex;justify-content:center;padding:24px 8px 0 20px}
.postcard{background:#fff;padding:12px 12px 40px;transform:rotate(-2.2deg);box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 30px -12px rgba(0,0,0,.18);width:420px;position:relative}
.postcard figcaption{position:absolute;left:12px;bottom:12px;font:400 .75rem/1.4 var(--f-ui);letter-spacing:.02em;color:var(--stone-text)}
.kukesi-text{display:flex;flex-direction:column;gap:20px;max-width:38.75rem}
.kukesi-quote p{font:italic 400 1.375rem/1.55 var(--f-text);color:var(--blue-knight)}
.kukesi-quote footer{margin-top:20px}
.strip{display:flex;gap:20px;align-items:flex-start}
.strip figure{flex-basis:0;min-width:0}
.strip figcaption{margin-top:10px}

/* Kreu: Kujtesa */
.night .sec-head{margin-bottom:64px}
.memory{display:flex;gap:96px}
.memory-item{display:flex;align-items:flex-end;gap:32px}
.memory-item .photo{flex:0 0 260px;width:260px}
.memory-item>div{display:flex;flex-direction:column;gap:14px;max-width:18.75rem}
.night .meta{color:var(--paper);opacity:.65}
.memory-quote{font:italic 400 1.3125rem/1.55 var(--f-text)}
.night .small{opacity:.85}

/* ---------------------------------------------------------------- Qëndrime */
.page-head .lead{margin-top:0}
.filters{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:40px}
.chip{font:400 .875rem/1.4 var(--f-ui);letter-spacing:.02em;color:var(--ink);background:none;border:1px solid var(--rule-card);padding:8px 14px;min-height:44px;cursor:pointer;border-radius:0}
.chip:hover{border-color:var(--blue-knight)}
.chip[aria-pressed="true"]{background:var(--blue-knight);border-color:var(--blue-knight);color:var(--paper)}
.list{padding-bottom:120px}
.row-stance,.row-law{display:flex;gap:56px;align-items:flex-start;border-top:1px solid var(--rule-card);padding-block:56px}
.row-meta{flex:0 0 180px;display:flex;flex-direction:column;gap:6px}
.row-meta .theme{color:var(--blue-knight)}
.row-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.row-body>*{max-width:37.5rem}
.row-stance h3{font:400 2rem/1.18 var(--f-display)}
.quote{border-left:2px solid var(--blue-knight);padding-left:20px}
.quote p{font:var(--t-text-quote)}
.quote footer{margin-top:8px}
.row-fig{flex:0 0 340px}
.row-fig figcaption{margin-top:10px}

/* ---------------------------------------------------------------- Nisma ligjore */
.row-law{padding-block:56px}
.row-law .row-body{gap:22px}
.row-law .row-body>*{max-width:41.25rem}
.row-law h2{font:400 2.125rem/1.18 var(--f-display);color:var(--blue-knight)}
.row-law dl{display:flex;flex-direction:column;gap:22px}
.row-law dl>div{display:flex;gap:24px}
.row-law dt{flex:0 0 120px;font:var(--t-ui-meta);font-size:.875rem;letter-spacing:var(--tr-ui-meta);color:var(--stone-text);padding-top:3px}
.row-law dd{font:var(--t-text-small);max-width:32.25rem}
.row-aside{flex:0 0 240px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.row-aside .photo{width:240px}
.list:has(.row-law){padding-bottom:0}
.supported{padding-top:112px;padding-bottom:120px}
.supported .sec-head{margin-bottom:48px}

/* ---------------------------------------------------------------- Aktualiteti */
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:72px 40px;padding-bottom:120px}
.card-post{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.card-post .photo{margin-bottom:6px}
.card-post h2{font:var(--t-display-card)}
.card-post .small{opacity:.85}

/* ---------------------------------------------------------------- Biografia */
.bio-head{display:flex;align-items:flex-end;gap:80px;padding-top:112px;padding-bottom:96px}
.bio-head-text{flex:1 1 0;min-width:0}
.bio-head .lead{max-width:40rem}
.facts{display:flex;flex-wrap:wrap;gap:24px 48px;padding-top:48px}
.facts dt{margin-bottom:6px}
.facts dd{font:var(--t-text-small)}
.bio-portrait{flex:0 0 440px}
.bio-portrait figcaption{margin-top:12px}
.chapters{padding-bottom:120px}
.chapter{display:flex;gap:80px;border-top:1px solid var(--rule);padding-block:64px}
.chapter h2{flex:0 0 240px;font:var(--t-display-s);color:var(--blue-knight)}
.chapter .num{display:block;color:var(--stone-text);margin-bottom:8px}
.chapter-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:40px}
.chapter-body .body{max-width:42.5rem}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pair figcaption{margin-top:10px}

/* ---------------------------------------------------------------- Kontakt */
.contact{display:flex;gap:120px;align-items:flex-start;padding-top:112px;padding-bottom:120px}
.contact-info{flex:0 0 480px;display:flex;flex-direction:column;gap:48px}
.contact-info .page-title{margin-bottom:0}
.info-item .meta{margin-bottom:8px}
.info-item a{text-decoration:none}
.info-item a:hover{text-decoration:underline}
.contact-info figcaption{margin-top:10px}
.form{flex:1 1 0;min-width:0;background:var(--paper-shade);padding:48px;display:flex;flex-direction:column;gap:32px}
.form h2{font:var(--t-display-s);color:var(--blue-knight)}
.form label{display:flex;flex-direction:column;gap:10px;font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav)}
.form input[type=text],.form textarea{font:var(--t-text-small);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:0;padding:12px 14px;height:52px;width:100%}
.form textarea{height:200px;resize:vertical}
.form input:focus,.form textarea:focus{outline:2px solid var(--blue-knight);outline-offset:-1px}
.form .consent{flex-direction:row;align-items:flex-start;gap:12px;font:var(--t-ui-meta);font-size:.875rem;letter-spacing:var(--tr-ui-meta);color:var(--stone-text)}
.consent input{appearance:none;flex:0 0 18px;width:18px;height:18px;margin:0;background:var(--paper);border:1px solid var(--stone);display:grid;place-content:center;cursor:pointer}
.consent input:checked{background:var(--blue-knight);border-color:var(--blue-knight)}
.consent input:checked::after{content:"";width:5px;height:9px;border:solid var(--paper);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.btn{align-self:flex-start;font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav);color:var(--paper);background:var(--blue-knight);border:0;border-radius:0;padding:16px 28px;cursor:pointer}
.btn:hover{background:var(--blue-deep)}
.nf{padding-bottom:160px}
.nf .lead{margin-bottom:24px}

/* ---------------------------------------------------------------- accessibility helpers */
.skip{position:absolute;left:var(--m);top:-60px;z-index:50;background:var(--blue-knight);color:var(--paper);font:var(--t-ui-nav);padding:14px 18px;text-decoration:none}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.on-photo :focus-visible,.hero :focus-visible,.night :focus-visible,.site-foot :focus-visible{outline-color:var(--paper)}
html.menu-open{overflow:hidden}

/* Qëndrime: years, folding quotes */
.year-head{font:var(--t-display-s);color:var(--blue-knight);padding-top:40px;padding-bottom:8px}
.year:first-child .year-head{padding-top:0}
details.quote summary{display:none;font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav);color:var(--blue-knight);cursor:pointer;min-height:44px;align-items:center}
details.quote p:not(.meta){font:var(--t-text-quote)}
details.quote .meta{margin-top:8px}

/* contact form states */
.field{display:flex;flex-direction:column;gap:10px}
.form .field label:not(.consent){font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav)}
.err{font:var(--t-ui-meta);font-size:.875rem;color:var(--status-rejected)}
[aria-invalid="true"]{border-color:var(--status-rejected)!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{font:var(--t-text-small);min-height:1.6em}
.form-status.ok{color:var(--blue-knight)}
.form-status.bad{color:var(--status-rejected)}
.btn:disabled{opacity:.6;cursor:progress}

/* posts: "Së fundmi" on Kreu, Aktualiteti feed, year archives, single post */
.archive-years{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:120px}
.archive-years a{font:var(--t-ui-nav);letter-spacing:var(--tr-ui-nav);color:var(--ink);text-decoration:none;border:1px solid var(--rule-card);padding:14px 18px;min-height:44px}
.archive-years a:hover,.archive-years a[aria-current]{border-color:var(--blue-knight);color:var(--blue-knight)}
.archive-head{font:var(--t-display-s);color:var(--blue-knight);margin-bottom:24px}
.list-posts{border-top:1px solid var(--rule-card);margin-bottom:56px}
.post-row{display:grid;grid-template-columns:160px 1fr;gap:28px;padding-block:28px;border-bottom:1px solid var(--rule-card);text-decoration:none}
.post-row.no-img{grid-template-columns:1fr}
.post-row h2{font:var(--t-display-card);margin:6px 0 8px}
.post-row:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.post-row .small{max-width:40em;color:var(--ink)}
a.card-post{text-decoration:none}
a.card-post:hover h2,a.card-post:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.card-post h3{font:var(--t-display-card)}
.card-text{border-top:2px solid var(--blue-knight);padding-top:20px}
.card-text .small{opacity:1}
.post{padding-top:96px;padding-bottom:120px}
.post-head{max-width:46rem}
.post-head .meta{margin-bottom:16px}
.post h1{overflow-wrap:break-word;font:var(--t-display-m);letter-spacing:var(--tr-display-m);color:var(--blue-knight);margin-bottom:40px}
.post-photo{max-width:52rem;margin-bottom:48px}
.post-text{max-width:34em;overflow-wrap:break-word}
.post-text p{font:var(--t-text-body);margin:0 0 .9em}
.post-foot{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:40px;padding-top:24px;border-top:1px solid var(--rule-card);max-width:34em}
.post-foot a{display:inline-flex;align-items:center;min-height:44px}
.block-recent{padding-top:0}

/* ---------------------------------------------------------------- medium screens */
@media (max-width:1200px){
  .intro,.kukesi-row{gap:64px}
  .intro-portrait{flex-basis:42%}
  .postcard-area{flex-basis:40%}
  .postcard{width:100%}
  .memory{gap:48px;flex-direction:column}
  .row-fig{flex-basis:260px}
  .row-aside{flex-basis:200px}
  .row-aside .photo{width:200px}
  .contact{gap:64px}
  .contact-info{flex-basis:40%}
  .bio-portrait{flex-basis:36%}
  .nav{gap:28px}
}
@media (max-width:1024px){
  .row-stance,.row-law{flex-wrap:wrap;gap:24px 40px}
  .row-meta{flex-basis:100%;flex-direction:row;flex-wrap:wrap;gap:4px 16px}
  .row-meta br{display:none}
  .cards-3,.feed{grid-template-columns:repeat(2,1fr)}
  .strip{flex-wrap:wrap}
  .strip figure{flex:1 1 40%!important}
  .chapter{gap:40px}
  .chapter h2{flex-basis:180px}
}

/* ---------------------------------------------------------------- mobile (Figma "Kreu — Mobile 390") */
@media (max-width:760px){
  .d-only{display:none!important}
  .m-only{display:revert}
  span.m-only{display:inline}
  br.m-only{display:inline}

  /* header: 64 px bar, wordmark 17 px, Menu toggles the nav */
  .site-head .bar{padding-block:20px;flex-wrap:wrap;gap:0}
  .wordmark{font-size:1.0625rem;letter-spacing:.14em}
  .menu-btn{display:block}
  .nav{display:none;flex-basis:100%;flex-direction:column;gap:0;padding-top:12px}
  .nav a{padding:0;margin:0;min-height:56px;display:flex;align-items:center;border-top:1px solid var(--rule-card);font-size:1.0625rem}
  .site-head.open .nav{display:flex}
  .site-head.on-photo.open{background:var(--paper)}
  .on-photo.open .wordmark{color:var(--blue-knight)}
  .on-photo.open .nav a,.on-photo.open .menu-btn{color:var(--ink)}
  .on-photo .menu-btn{color:var(--paper)}

  body{font:var(--t-mobile-body)}
  .body{font:var(--t-mobile-body)}
  .lead{font-size:1.25rem}
  .sec-title,.page-title{font:var(--t-mobile-display);letter-spacing:var(--tr-mobile-display)}
  .page-title{margin-bottom:16px;font-size:3rem;line-height:1}
  .sec-head{margin-bottom:24px}
  .page-head{padding-top:56px;padding-bottom:32px}

  /* hero 720 */
  .hero{height:min(720px,100svh);min-height:560px;max-height:none}
  .hero-shade{background:linear-gradient(180deg,rgba(13,20,48,0) 35%,rgba(13,20,48,.85) 100%)}
  .hero-copy{bottom:64px;display:flex;flex-direction:column;gap:16px}
  .hero-eyebrow{opacity:1;margin:0}
  .hero-name{font-size:3.75rem;margin:0}
  .hero-quote{border:0;padding:0}
  .hero-quote p{font:var(--t-text-quote)}

  .intro{flex-direction:column;align-items:stretch;gap:24px}
  .intro-portrait{flex:none}
  .intro-portrait .photo{aspect-ratio:342/360!important}
  .intro-m{display:flex;flex-direction:column;gap:24px}

  .block-stances{padding-top:0}
  .cards-3{grid-template-columns:1fr;gap:16px}
  .card-stance{gap:10px;padding-bottom:16px}
  .card-stance .photo{aspect-ratio:342/220!important;margin:0}
  .card-stance h3{font:var(--t-display-s)}
  .block-stances .link-m,.block-recent .link-m,.nisma-more{display:inline-flex;align-items:center;min-height:44px;margin-top:16px}

  .grid-proposals{grid-template-columns:1fr}
  .card-proposal{margin:0;border:0;border-top:1px solid var(--rule);background:none;padding:20px 0;gap:12px}
  .card-proposal h3{font:var(--t-display-s)}
  .shade .card-proposal .pill{font-size:.8125rem;padding:4px 8px}

  .memory-item{flex-direction:column;align-items:stretch;gap:24px}
  .memory-item .photo{flex:none;width:100%;aspect-ratio:342/260!important}
  .memory-quote{font:var(--t-text-quote)}

  .site-foot{padding:64px 0}
  .foot-m{display:flex;flex-direction:column;gap:24px}
  .foot-m .foot-mark{font:var(--t-mobile-wordmark);letter-spacing:var(--tr-mobile-wordmark);margin:0}
  .foot-m .foot-txt{font:var(--t-ui-meta);letter-spacing:var(--tr-ui-meta);opacity:1}
  .foot-legal{font:var(--t-ui-meta);letter-spacing:var(--tr-ui-meta);color:var(--paper);opacity:.7}

  /* Kukësi on mobile: postcard, text, 2×2 photos */
  .kukesi{gap:48px}
  .kukesi-row{flex-direction:column;align-items:stretch;gap:40px}
  .postcard-area{flex:none;padding:8px 6px 0}
  .postcard{width:100%}
  .strip{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px}
  .strip figure{flex:none}
  .strip .photo{aspect-ratio:1/1!important}
  .kukesi-quote p{font:var(--t-text-quote)}
  .memory{gap:56px}

  /* menu panel */
  .site-head.open{position:fixed;inset:0 0 auto;background:var(--paper);box-shadow:0 1px 0 var(--rule-card)}
  /* chips: edge fade shows there is more to scroll */
  .filters{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  details.quote summary{display:flex}
  details.quote[open] summary{display:none}
  .post{padding-top:40px;padding-bottom:64px}
  .post h1{font:var(--t-mobile-display);letter-spacing:var(--tr-mobile-display);margin-bottom:24px}
  .post-text p{font:var(--t-mobile-body)}
  .post-row{grid-template-columns:96px 1fr;gap:16px}
  .post-row h2{font-size:1.25rem}
  .archive-years{padding-bottom:64px}

  /* inner pages */
  .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:24px;scrollbar-width:none}
  .chip{flex:none}
  .list{padding-bottom:64px}
  .row-stance,.row-law{flex-direction:column;gap:16px;padding-block:32px}
  .row-meta,.row-fig,.row-aside{flex:none;width:100%}
  .row-stance h2,.row-law h2{font:var(--t-display-s)}
  .row-law dl>div{flex-direction:column;gap:4px}
  .row-law dt{flex:none}
  .row-aside .photo{width:100%;max-width:240px}
  .supported{padding-block:64px}
  .feed{grid-template-columns:1fr;gap:48px;padding-bottom:64px}
  .bio-head{flex-direction:column-reverse;align-items:stretch;gap:32px;padding-top:32px;padding-bottom:48px}
  .bio-portrait{flex:none}
  .facts{gap:20px 32px;padding-top:32px}
  .chapters{padding-bottom:64px}
  .chapter{flex-direction:column;gap:20px;padding-block:40px}
  .chapter h2{flex:none}
  .chapter .num{display:inline;margin-right:.3em}
  .pair{grid-template-columns:1fr;gap:20px}
  .contact{flex-direction:column;gap:48px;padding-top:56px;padding-bottom:64px}
  .contact-info{flex:none;gap:32px}
  .form{width:100%;padding:28px 20px;gap:24px}
  .form h2{font-size:1.75rem}
}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.site-head,.site-foot,.filters{display:none}.night,.shade{background:none;color:var(--ink)}}