:root{
    --ink:#242424;
    --cream:#f5f2ee;
    --cream-2:#edeae5;
    --line:#e3ded8;
    --gold:#cfa87d;
    --muted:#8a8078;
    --white:#ffffff;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:'DM Sans',sans-serif;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  a,button{cursor:pointer;}

  /* ACCENT: alle klickbaren Elemente heben sich mit der Gold-Akzentfarbe hervor */
  header nav a,
  .footer-row .socials a,
  .contact-info a.email,
  .filters button{
    position:relative;
    transition:color .3s ease;
  }
  header nav a::after,
  .footer-row .socials a::after{
    content:"";
    position:absolute;left:0;right:100%;bottom:-4px;
    height:1px;background:var(--gold);
    transition:right .3s ease;
  }
  header nav a:hover,
  header nav a:focus-visible{color:var(--gold);}
  header nav a:hover::after,
  header nav a:focus-visible::after{right:0;}
  .footer-row .socials a:hover,
  .footer-row .socials a:focus-visible{color:var(--gold);}
  .footer-row .socials a:hover::after,
  .footer-row .socials a:focus-visible::after{right:0;}
  .contact-info a.email:hover,
  .contact-info a.email:focus-visible{
    color:var(--white);
    border-bottom-color:var(--white);
  }
  .filters button:hover,
  .filters button.active{
    background:var(--gold);
    border-color:var(--gold);
    color:var(--ink);
  }
  .btn:hover,.btn:focus-visible{
    background:var(--gold);
    border-color:var(--gold);
    color:var(--ink);
  }
  a:focus-visible,button:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:3px;
  }
  .eyebrow{
    font-family:'DM Mono',monospace;
    font-size:.72rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--muted);
  }
  .container{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:0 32px;
  }

  /* NAV */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    display:flex;align-items:center;justify-content:space-between;
    padding:26px 40px;
    color:#fff;
    background:transparent;
    border-bottom:2px solid transparent;
    transition:background .35s ease,border-color .35s ease,padding .35s ease;
  }
  header .logo{
    font-family:'Playfair Display',serif;
    font-size:1.15rem;
    letter-spacing:.02em;
    color:var(--gold);
  }
  header nav{display:flex;gap:36px;}
  header nav a{
    font-family:'DM Mono',monospace;
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#fff;
  }
  .menu-toggle{
    display:none;
    background:none;border:none;color:#fff;
    font-family:'DM Mono',monospace;font-size:.72rem;
    letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
  }

  /* Header im gescrollten Zustand: heller Balken, siehe Referenz-Screenshot */
  header.scrolled{
    background:var(--cream);
    border-bottom:2px solid var(--ink);
    padding:18px 40px;
    box-shadow:0 2px 18px rgba(0,0,0,.06);
  }
  header.scrolled nav a{color:var(--muted);}
  header.scrolled nav a:hover{color:var(--gold);}
  header.scrolled .menu-toggle{color:var(--ink);}
  header.scrolled .logo{color:var(--ink);}

  /* HERO */
  .hero{
    position:relative;
    height:100vh;
    min-height:640px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    color:#fff;
  }
  .hero img{
    position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;
    filter:brightness(.62);
  }
  .hero-content{
    position:relative;z-index:2;
    width:100%;
    padding:0 40px 90px;
    opacity:0;
    transform:translateY(24px);
    animation:heroIn 1.1s cubic-bezier(.2,.7,.2,1) .2s forwards;
  }
  @keyframes heroIn{to{opacity:1;transform:translateY(0);}}
  @media (prefers-reduced-motion:reduce){
    .hero-content{animation:none;opacity:1;transform:none;}
  }
  .hero-eyebrow{
    font-family:'DM Mono',monospace;
    font-size:.78rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    opacity:.85;
    margin-bottom:22px;
  }
  .hero h1{
    font-family:'Playfair Display',serif;
    font-weight:900;
    font-size:clamp(3rem,9vw,7.5rem);
    line-height:.95;
    margin:0 0 34px;
    color:var(--gold);
  }
  .hero h1 em{font-style:italic;font-weight:400;color:var(--gold);}
  .hero-meta{
    display:flex;
    align-items:center;
    gap:28px;
    flex-wrap:wrap;
  }
  .btn{
    font-family:'DM Mono',monospace;
    font-size:.75rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    border:1px solid rgba(255,255,255,.55);
    padding:15px 30px;
    display:inline-block;
    transition:background .3s ease,color .3s ease;
  }
  .btn:hover{background:#fff;color:var(--ink);}
  .hero-stat{
    font-family:'DM Mono',monospace;
    font-size:.75rem;
    letter-spacing:.06em;
    opacity:.8;
  }
  .scroll-cue{
    position:absolute;
    right:40px;bottom:36px;
    z-index:2;
    font-family:'DM Mono',monospace;
    font-size:.68rem;
    letter-spacing:.2em;
    writing-mode:vertical-rl;
    opacity:.75;
  }

  /* SECTION HEADS */
  .section{padding:130px 0;}
  .section-head{
    max-width:640px;
    margin-bottom:64px;
  }
  .section-head h2{
    font-family:'Playfair Display',serif;
    font-weight:500;
    font-size:clamp(2.2rem,4.4vw,3.4rem);
    margin:14px 0 20px;
  }
  .section-head p{
    color:var(--muted);
    line-height:1.7;
    font-size:1.02rem;
  }

  /* FILTERS */
  .filters{
    display:flex;gap:10px;flex-wrap:wrap;
    margin-bottom:52px;
  }
  .filters button{
    font-family:'DM Mono',monospace;
    font-size:.72rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:none;
    border:1px solid var(--line);
    padding:10px 20px;
    cursor:pointer;
    color:var(--muted);
    transition:all .25s ease;
  }

  /* PORTFOLIO GRID */
  .grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:305px;
    gap:8px;
  }
  .card{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:var(--cream-2);
  }
  .card img{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease;
  }
  .card:hover img{transform:scale(1.06);}

  /* Feste Platzierung: jede Kachel bekommt Spalte + Zeile explizit zugewiesen,
     damit sich große und kleine Kacheln zuverlässig abwechseln (unabhängig
     von automatischer Grid-Platzierung, die je nach Reihenfolge ungleichmäßig
     packen kann). Reihenfolge/Verteilung entspricht der abgestimmten Vorlage. */
  .grid .card:nth-child(1){grid-column:1;grid-row:1;}
  .grid .card:nth-child(2){grid-column:1;grid-row:2;}
  .grid .card:nth-child(3){grid-column:2;grid-row:1/span 2;}
  .grid .card:nth-child(4){grid-column:3;grid-row:1;}
  .grid .card:nth-child(5){grid-column:3;grid-row:2;}
  .grid .card:nth-child(6){grid-column:1;grid-row:3/span 2;}
  .grid .card:nth-child(7){grid-column:2;grid-row:3;}
  .grid .card:nth-child(8){grid-column:2;grid-row:4;}
  .grid .card:nth-child(9){grid-column:3;grid-row:3/span 2;}
  .grid .card:nth-child(10){grid-column:1;grid-row:5;}
  .grid .card:nth-child(11){grid-column:1;grid-row:6;}
  .grid .card:nth-child(12){grid-column:2;grid-row:5/span 2;}
  .grid .card:nth-child(13){grid-column:3;grid-row:5;}
  .grid .card:nth-child(14){grid-column:3;grid-row:6;}
  .grid .card:nth-child(15){grid-column:1;grid-row:7/span 2;}
  .grid .card:nth-child(16){grid-column:2;grid-row:7;}
  .grid .card:nth-child(17){grid-column:2;grid-row:8;}
  .grid .card:nth-child(18){grid-column:3;grid-row:7/span 2;}
  .grid .card:nth-child(19){grid-column:1;grid-row:9;}
  .grid .card:nth-child(20){grid-column:2;grid-row:9;}
  .grid .card:nth-child(21){grid-column:3;grid-row:9;}

  .card-overlay,
  .subpage-thumb .thumb-overlay{
    position:absolute;inset:0;
    display:flex;flex-direction:column;justify-content:flex-end;
    padding:26px;
    background:linear-gradient(to top,rgba(36,36,36,.75) 0%,rgba(36,36,36,0) 45%);
    color:#fff;
    opacity:0;
    transition:opacity .4s ease;
  }
  .card:hover .card-overlay,
  .subpage-thumb:hover .thumb-overlay{opacity:1;}
  .card-overlay .eyebrow,
  .subpage-thumb .thumb-overlay .eyebrow{color:var(--gold);margin-bottom:8px;}
  .card-overlay h3,
  .subpage-thumb .thumb-overlay h3{
    font-family:'Playfair Display',serif;
    font-weight:500;
    font-size:1.25rem;
    margin:0 0 6px;
  }
  .card-overlay .loc,
  .subpage-thumb .thumb-overlay .loc{
    font-family:'DM Mono',monospace;
    font-size:.72rem;
    opacity:.8;
  }
  .card.hidden{display:none;}

  /* ABOUT */
  #about{
    background:var(--white);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .about{
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:80px;
    align-items:center;
  }
  .about-img{aspect-ratio:3/4;overflow:hidden;}
  .about-img img{width:100%;height:100%;object-fit:cover;}
  .about-body h2{
    font-family:'Playfair Display',serif;
    font-weight:500;
    font-size:clamp(2rem,4vw,3.1rem);
    line-height:1.15;
    margin:14px 0 26px;
  }
  .about-body h2 em{font-style:italic;color:var(--gold);}
  .about-body p{
    color:var(--muted);
    line-height:1.85;
    margin:0 0 20px;
    font-size:1rem;
  }
  .about-body p em{font-style:italic;color:var(--ink);}
  .stats{
    display:flex;gap:52px;
    margin-top:44px;
    border-top:1px solid var(--line);
    padding-top:32px;
  }
  .stats > div{max-width:150px;}
  .stats .num{
    font-family:'Playfair Display',serif;
    font-size:2.2rem;
    font-weight:700;
  }
  .stats .lab{
    font-family:'DM Mono',monospace;
    font-size:.68rem;
    letter-spacing:.04em;
    line-height:1.5;
    text-transform:uppercase;
    color:var(--muted);
    margin-top:8px;
  }

  /* CONTACT */
  .contact{background:var(--ink);color:var(--cream);}
  .contact .section-head p{color:#b9b2a9;}
  .contact-info a.email{
    font-family:'Playfair Display',serif;
    font-size:2.1rem;
    font-style:italic;
    display:inline-block;
    margin-bottom:18px;
    color:var(--gold);
    border-bottom:1px solid rgba(207,168,125,.4);
    padding-bottom:8px;
  }
  .contact-info .loc{
    font-family:'DM Mono',monospace;
    font-size:.8rem;
    color:#a39a90;
  }

  /* FOOTER */
  footer{
    background:var(--ink);
    color:var(--cream);
    border-top:1px solid rgba(255,255,255,.1);
    padding:38px 0;
  }
  .footer-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
  }
  .footer-row .fname{font-family:'Playfair Display',serif;font-size:1.05rem;}
  .footer-row .socials{display:flex;gap:26px;}
  .footer-row .socials a{
    font-family:'DM Mono',monospace;font-size:.72rem;
    letter-spacing:.08em;text-transform:uppercase;color:#a39a90;
  }
  .footer-row .copy{
    font-family:'DM Mono',monospace;font-size:.7rem;color:#7d7469;
    width:100%;text-align:center;margin-top:22px;
  }

  /* RESPONSIVE */
  @media (max-width:1024px){
    .grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:345px;}
    .grid .card{grid-column:auto !important;grid-row:auto !important;}
    .about{grid-template-columns:1fr;gap:48px;}
    .about-img{max-width:420px;}
  }
  @media (max-width:900px){
    header{padding:20px 22px;}
    header.scrolled{padding:16px 22px;}
    header nav{
      position:fixed;inset:0;top:64px;
      background:var(--ink);
      flex-direction:column;
      align-items:flex-start;
      padding:40px 32px;
      gap:26px;
      transform:translateX(100%);
      transition:transform .4s ease;
      color:var(--cream);
    }
    header nav.open{transform:translateX(0);}
    header nav a{font-size:.85rem;color:var(--cream) !important;}
    .menu-toggle{display:block;}
  }
  @media (max-width:640px){
    .container{padding:0 22px;}
    .section{padding:80px 0;}
    .hero-content{padding:0 22px 60px;}
    .hero-meta{gap:18px;}
    .grid{grid-template-columns:1fr;grid-auto-rows:345px;}
    .stats{gap:30px;flex-wrap:wrap;}
    .scroll-cue{display:none;}
  }

  ::selection{background:var(--gold);color:var(--ink);}

  /* SCROLL REVEAL */
  .reveal{
    opacity:0;
    transform:translateY(36px);
    transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
  }
  .reveal.in{opacity:1;transform:translateY(0);}
  .reveal-grid .card{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .reveal-grid.in .card{opacity:1;transform:translateY(0);}
  .reveal-grid.in .card:nth-child(2){transition-delay:.05s;}
  .reveal-grid.in .card:nth-child(3){transition-delay:.1s;}
  .reveal-grid.in .card:nth-child(4){transition-delay:.15s;}
  .reveal-grid.in .card:nth-child(5){transition-delay:.2s;}
  .reveal-grid.in .card:nth-child(6){transition-delay:.25s;}
  .reveal-grid.in .card:nth-child(7){transition-delay:.3s;}
  .reveal-grid.in .card:nth-child(8){transition-delay:.35s;}
  .reveal-grid.in .card:nth-child(9){transition-delay:.4s;}
  .reveal-grid.in .card:nth-child(10){transition-delay:.45s;}
  .reveal-grid.in .card:nth-child(11){transition-delay:.5s;}
  .reveal-grid.in .card:nth-child(12){transition-delay:.55s;}
  .reveal-grid.in .card:nth-child(n+13){transition-delay:.6s;}
  @media (prefers-reduced-motion:reduce){
    .reveal,.reveal-grid .card{opacity:1 !important;transform:none !important;transition:none !important;}
  }

  /* LIGHTBOX */
  .lightbox{
    position:fixed;inset:0;z-index:1000;
    background:rgba(36,36,36,.94);
    display:flex;align-items:center;justify-content:center;
    opacity:0;pointer-events:none;
    transition:opacity .35s ease;
  }
  .lightbox.open{opacity:1;pointer-events:auto;}
  .lightbox figure{
    margin:0;max-width:88vw;max-height:82vh;
    display:flex;flex-direction:column;align-items:center;gap:18px;
  }
  .lightbox img{
    max-width:88vw;max-height:72vh;
    object-fit:contain;
    box-shadow:0 30px 80px rgba(0,0,0,.5);
  }
  .lightbox figcaption{
    color:var(--cream);text-align:center;
  }
  .lightbox figcaption .eyebrow{color:var(--gold);margin-bottom:4px;}
  .lightbox figcaption h3{
    font-family:'Playfair Display',serif;font-weight:500;
    font-size:1.2rem;margin:0 0 4px;
  }
  .lightbox figcaption .loc{
    font-family:'DM Mono',monospace;font-size:.7rem;color:#b9b2a9;
  }
  .lightbox-close,.lightbox-prev,.lightbox-next{
    position:absolute;
    background:none;border:1px solid rgba(255,255,255,.35);
    color:#fff;cursor:pointer;
    font-family:'DM Mono',monospace;font-size:.85rem;
    transition:background .25s ease,border-color .25s ease;
  }
  .lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{
    background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);
  }
  .lightbox-close{top:26px;right:26px;width:44px;height:44px;}
  .lightbox-prev,.lightbox-next{
    top:50%;transform:translateY(-50%);
    width:48px;height:48px;
  }
  .lightbox-prev{left:22px;}
  .lightbox-next{right:22px;}
  @media (max-width:640px){
    .lightbox-prev{left:8px;width:40px;height:40px;}
    .lightbox-next{right:8px;width:40px;height:40px;}
    .lightbox-close{top:14px;right:14px;width:40px;height:40px;}
  }

  /* LEGAL PAGES (Impressum / Datenschutz) */
  .legal{
    background:var(--white);
    padding:90px 0;
    border-top:1px solid var(--line);
  }
  .legal .container{max-width:820px;}
  .legal h2{
    font-family:'Playfair Display',serif;
    font-weight:500;
    font-size:2rem;
    margin:0 0 26px;
  }
  .legal h3{
    font-family:'DM Mono',monospace;
    font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
    margin:30px 0 10px;color:var(--muted);
  }
  .legal p{line-height:1.8;color:var(--ink);margin:0 0 14px;}
  .legal + .legal{border-top:1px solid var(--line);}

  /* STICKY FOOTER (Impressum / Datenschutz) */
  .page-wrap{
    display:flex;
    flex-direction:column;
    min-height:100vh;
  }
  .page-wrap main{flex:1 0 auto;}
  .page-wrap footer{flex-shrink:0;}

  /* TEASER: Landscape / Wildlife Verlinkung zwischen Portfolio und About */
  #collections{background:var(--cream-2);}
  .teasers{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .teasers-stack{
    display:flex;
    flex-direction:column;
    gap:20px;
  }
  .teaser{
    position:relative;
    height:52vh;
    min-height:360px;
    overflow:hidden;
  }
  .teaser img{
    position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease;
    filter:brightness(.68);
  }
  .teaser::after{
    content:"";
    position:absolute;inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,.25) 32%, rgba(0,0,0,0) 60%);
  }
  .teaser:hover img{transform:scale(1.05);}
  .teaser-content{
    position:relative;z-index:2;
    height:100%;
    display:flex;flex-direction:column;
    align-items:flex-start;justify-content:flex-end;
    padding:44px;
    color:#fff;
  }
  .teaser-content .eyebrow{color:var(--gold);opacity:1;margin-bottom:10px;}
  .teaser-content h3{
    font-family:'Playfair Display',serif;
    font-weight:500;
    font-size:clamp(1.8rem,3.4vw,2.6rem);
    margin:0 0 24px;
  }
  @media (max-width:900px){
    .teasers{grid-template-columns:1fr;}
    .teaser{height:44vh;}
  }

  /* SUBPAGES: Landscape / Wildlife — bewusst schlicht, angelehnt an minimalistische Fotografie-Portfolios */
  .subpage-intro{
    padding:190px 0 60px;
    text-align:center;
  }
  .subpage-intro .eyebrow{justify-content:center;}
  .subpage-intro h1{
    font-family:'Playfair Display',serif;
    font-weight:500;
    font-style:italic;
    font-size:clamp(2.6rem,6vw,4.6rem);
    margin:14px 0 10px;
    color:var(--gold);
  }
  .subpage-intro p{
    color:var(--muted);
    font-family:'DM Mono',monospace;
    font-size:.78rem;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .subpage-stream{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:305px;
    gap:8px;
    padding:0 32px 100px;
  }
  .subpage-thumb{position:relative;overflow:hidden;cursor:pointer;}
  .subpage-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    cursor:pointer;
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
  }
  .subpage-thumb:hover img{transform:scale(1.06);}

  /* Feste Platzierung: identisches Muster wie im Home-Portfolio,
     damit sich große und kleine Kacheln gleichmäßig abwechseln. */
  .subpage-stream .subpage-thumb:nth-child(1){grid-column:1;grid-row:1;}
  .subpage-stream .subpage-thumb:nth-child(2){grid-column:1;grid-row:2;}
  .subpage-stream .subpage-thumb:nth-child(3){grid-column:2;grid-row:1/span 2;}
  .subpage-stream .subpage-thumb:nth-child(4){grid-column:3;grid-row:1;}
  .subpage-stream .subpage-thumb:nth-child(5){grid-column:3;grid-row:2;}
  .subpage-stream .subpage-thumb:nth-child(6){grid-column:1;grid-row:3/span 2;}
  .subpage-stream .subpage-thumb:nth-child(7){grid-column:2;grid-row:3;}
  .subpage-stream .subpage-thumb:nth-child(8){grid-column:2;grid-row:4;}
  .subpage-stream .subpage-thumb:nth-child(9){grid-column:3;grid-row:3/span 2;}
  .subpage-stream .subpage-thumb:nth-child(10){grid-column:1;grid-row:5;}
  .subpage-stream .subpage-thumb:nth-child(11){grid-column:1;grid-row:6;}
  .subpage-stream .subpage-thumb:nth-child(12){grid-column:2;grid-row:5/span 2;}
  .subpage-stream .subpage-thumb:nth-child(13){grid-column:3;grid-row:5;}
  .subpage-stream .subpage-thumb:nth-child(14){grid-column:3;grid-row:6;}
  .subpage-stream .subpage-thumb:nth-child(15){grid-column:1;grid-row:7/span 2;}
  .subpage-stream .subpage-thumb:nth-child(16){grid-column:2;grid-row:7;}
  .subpage-stream .subpage-thumb:nth-child(17){grid-column:2;grid-row:8;}
  .subpage-stream .subpage-thumb:nth-child(18){grid-column:3;grid-row:7/span 2;}
  .subpage-stream .subpage-thumb:nth-child(19){grid-column:1;grid-row:9;}
  .subpage-stream .subpage-thumb:nth-child(20){grid-column:1;grid-row:10;}
  .subpage-stream .subpage-thumb:nth-child(21){grid-column:2;grid-row:9/span 2;}
  .subpage-stream .subpage-thumb:nth-child(22){grid-column:3;grid-row:9;}
  .subpage-stream .subpage-thumb:nth-child(23){grid-column:3;grid-row:10;}
  .subpage-stream .subpage-thumb:nth-child(24){grid-column:1;grid-row:11;}
  .subpage-stream .subpage-thumb:nth-child(25){grid-column:2;grid-row:11;}
  .subpage-stream .subpage-thumb:nth-child(26){grid-column:3;grid-row:11;}

  @media (max-width:1024px){
    .subpage-stream{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px;}
    .subpage-stream .subpage-thumb{grid-column:auto !important;grid-row:auto !important;}
  }
  @media (max-width:640px){
    .subpage-stream{grid-template-columns:1fr;grid-auto-rows:280px;padding:0 22px 100px;}
    .subpage-intro{padding:150px 0 40px;}
  }

  /* BACK TO TOP */
  .to-top{
    position:fixed;
    right:28px;bottom:28px;
    z-index:200;
    width:48px;height:48px;
    border-radius:50%;
    background:var(--ink);
    color:var(--cream);
    border:1px solid rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;
    cursor:pointer;
    opacity:0;
    transform:translateY(12px);
    pointer-events:none;
    transition:opacity .3s ease,transform .3s ease,background .3s ease;
  }
  .to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
  .to-top:hover{background:var(--gold);color:var(--ink);}
  @media (max-width:640px){
    .to-top{right:16px;bottom:16px;width:42px;height:42px;}
  }