:root {
    --paper:#fff; --ink:#111; --muted:#666; --line:rgba(17,17,17,.12);
    --serif:"Times New Roman", TimesNewRoman, serif;
    --serif-display:"Georgia", "Times New Roman", Times, serif;
    --sans:"Helvetica Neue", Helvetica, Arial, sans-serif;
    --pad:clamp(18px,2.6vw,42px); --header:64px;
  }
  body.kuntroversie-native * { box-sizing:border-box; }
  body.kuntroversie-native { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:13px; line-height:1.4; overflow-x:hidden; }
  body.kuntroversie-native a { color:inherit; text-decoration:none; }
  body.kuntroversie-native img { max-width:100%; display:block; }
  body.kuntroversie-native button { background:none; border:none; cursor:pointer; color:inherit; font:inherit; }
  
  /* Loader */
  body.kuntroversie-native .loader { position:fixed; z-index:1000; inset:0; background:#10100f; color:#f5f3ee; display:grid; place-items:center; transition:.45s; }
  body.kuntroversie-native .loader span { font:32px/1 var(--serif); }
  body.kuntroversie-native .loader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
  
  /* Header */
  body.kuntroversie-native .site-header { position:fixed; top:0; left:0; right:0; height:var(--header); display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; padding:0 var(--pad); color:var(--ink); background:rgba(252,252,250,.94); border-bottom:1px solid var(--line); z-index:80; backdrop-filter:blur(14px); }
  body.kuntroversie-native .header-left { display:flex; gap:16px; }
  body.kuntroversie-native .hamburger { width:20px; height:16px; display:flex; flex-direction:column; justify-content:space-between; }
  body.kuntroversie-native .hamburger span { height:1px; background:var(--ink); width:100%; }
  body.kuntroversie-native .wordmark { grid-column:2; font:26px/1 var(--serif); letter-spacing:-.03em; justify-self:center; }
  body.kuntroversie-native .header-right { display:flex; gap:18px; justify-self:end; }
  body.kuntroversie-native .nav-button, body.kuntroversie-native .kontakt-link { font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
  body.kuntroversie-native .kontakt-link { font-size:9px; }
  
  /* Menu & Search */
  body.kuntroversie-native .menu-overlay, body.kuntroversie-native .search-panel { position:fixed; top:0; left:0; right:0; transform:translateY(-100%); transition:.5s; z-index:170; background:#fcfcfc; padding:24px var(--pad) 30px; }
  body.kuntroversie-native .menu-overlay.open, body.kuntroversie-native .search-panel.open { transform:translateY(0); }
  body.kuntroversie-native .overlay-top { display:grid; grid-template-columns:1fr auto 1fr; font-size:9px; text-transform:uppercase; letter-spacing:.11em; }
  body.kuntroversie-native .overlay-wordmark { grid-column:2; font:25px/1 var(--serif); text-transform:none; }
  body.kuntroversie-native .menu-close { justify-self:start; }
  body.kuntroversie-native .nav-main { list-style:none; padding:40px 0 0; margin:0; }
  body.kuntroversie-native .nav-main li { margin-bottom:12px; }
  body.kuntroversie-native .nav-main a { font:clamp(22px,3vw,38px)/1 var(--serif); }
  body.kuntroversie-native .search-panel { border-bottom:1px solid var(--ink); }
  body.kuntroversie-native .search-panel label { display:block; font-size:9px; text-transform:uppercase; margin-bottom:18px; }
  body.kuntroversie-native .search-panel input { width:100%; border:none; border-bottom:1px solid var(--ink); background:transparent; outline:none; font:clamp(24px,3.3vw,48px)/1.1 var(--serif); }
  body.kuntroversie-native .search-close { position:absolute; right:var(--pad); top:28px; }
  body.kuntroversie-native .search-status { margin-top:10px; color:var(--muted); font-size:10px; text-transform:uppercase; }
  
  /* Lookbook Layout */
  body.kuntroversie-native .lookbook-head { text-align:center; padding:calc(var(--header) + 60px) var(--pad) 40px; }
  body.kuntroversie-native .lookbook-head h1 { font:clamp(38px,5vw,64px)/1 var(--serif); font-weight:400; letter-spacing:-.04em; margin:0; }
  body.kuntroversie-native .lookbook-head p { font:15px/1.5 var(--serif); font-style:italic; color:var(--muted); }
  
  body.kuntroversie-native .lookbook-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:8px; padding:0 var(--pad) 80px; max-width:1600px; margin:0 auto; }
  body.kuntroversie-native .lookbook-grid div { overflow:hidden; background:#eae8e3; }
  body.kuntroversie-native .lookbook-grid img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
  body.kuntroversie-native .lookbook-grid div:hover img { transform:scale(1.03); }
  body.kuntroversie-native .tall { grid-row:span 2; aspect-ratio:3/5; }
  body.kuntroversie-native .wide { grid-column:span 2; aspect-ratio:16/9; }
  body.kuntroversie-native .square { aspect-ratio:1; }
  
  /* Footer */
  body.kuntroversie-native .site-footer { padding:40px var(--pad) 24px; background:#fcfcfc; border-top:1px solid var(--line); }
  body.kuntroversie-native .footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-bottom:32px; }
  body.kuntroversie-native .footer-links a { font-size:10px; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:8px; }
  body.kuntroversie-native .footer-bottom { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:16px; }
  body.kuntroversie-native .footer-copy { font-size:9px; text-transform:uppercase; color:var(--muted); }
  body.kuntroversie-native .footer-newsletter { display:flex; gap:10px; }
  body.kuntroversie-native .footer-newsletter input, body.kuntroversie-native .footer-newsletter button { border:1px solid var(--ink); padding:8px 12px; font-size:9px; text-transform:uppercase; background:transparent; }
  body.kuntroversie-native .footer-newsletter button { background:var(--ink); color:#fff; }
  
  @media (max-width:820px) {
    body.kuntroversie-native .lookbook-grid { grid-template-columns:repeat(2,1fr); }
    body.kuntroversie-native .wide { grid-column:span 2; }
  }
  @media (max-width:560px) {
    body.kuntroversie-native .lookbook-grid { gap:4px; padding:0 4px 50px; }
    body.kuntroversie-native .lookbook-head { padding-top:calc(var(--header) + 40px); }
  }