/* nav.css — see nav.js */
html.tr-in::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  background:#08140f var(--trimg) center/cover no-repeat;transition:opacity .7s ease}
html.tr-in.tr-done::after{opacity:0}
.llgl{position:fixed;inset:0;z-index:2147482000;pointer-events:none;overflow:hidden}
.llgl .dim{position:absolute;inset:0;background:#05100c;opacity:0}
.llgl .im,.llgl .ch,.llgl .sl,.llgl .chw{position:absolute;inset:0}
.llgl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.llgl .ch{background:#000;isolation:isolate;mix-blend-mode:screen;opacity:0}
.llgl .ch::after{content:"";position:absolute;inset:0;mix-blend-mode:multiply}
.llgl .ch.r::after{background:#ff2a2a}
.llgl .ch.c::after{background:#00f0ff}
.llgl .sl{opacity:0}
.llgl .edge{position:absolute;left:-5%;right:-5%;height:1px;background:rgba(238,243,239,.85);box-shadow:0 0 12px rgba(134,216,192,.6);opacity:0}
/* project pages: the way back is '← Projects', top left (the signature belongs to the author's site, not here) */
.sigstamp{opacity:.85;text-decoration:none!important;border:0!important;display:flex!important;align-items:center;top:30px!important;left:40px!important}
.sigstamp svg{display:none!important}
.sigstamp .llgo{display:block;margin:0;font-family:'SFMono-Regular',Menlo,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;
  line-height:1;white-space:nowrap;color:var(--ink);opacity:.72;text-shadow:0 1px 6px rgba(8,20,15,.85);transition:opacity .35s ease,transform .35s ease}
.sigstamp:has(~.chapnav[aria-label]) .llgo{text-shadow:none}   /* The Circle: light header, no shadow */
.sigstamp:has(~.chapnav[aria-label]){left:5vw!important}
body.oncover .sigstamp .llgo{color:#eef3ef}
.sigstamp:hover,.sigstamp:focus-visible,.sigstamp.on{opacity:1}
.sigstamp:hover .llgo,.sigstamp:focus-visible .llgo,.sigstamp.on .llgo{opacity:1;transform:translateX(-4px)}
/* Zeeland, Future Studies: the chapter menu follows, after a hairline (The Circle's menu is on the right, with an aria-label) */
.sigstamp~.chapnav:not([aria-label]){left:154px;top:30px;padding-left:20px;border-left:1px solid rgba(238,243,239,.28)}
@media(max-width:760px){.sigstamp{top:21px!important;left:16px!important}
  .sigstamp .llgo{font-size:10px;letter-spacing:2px}
  .sigstamp~.chapnav:not([aria-label]){left:118px;top:18px;padding-left:14px}}
/* buttons in the site's fonts (the landing's Next card used the system font); the type scale of the project pages is in type.css */
button{font-family:inherit}
/* data dots (landing and project covers): the first and last figure align to the edge instead of overflowing it */
:is(.dots,.markers) .dot:first-child .tip{left:0;transform:translate(0,8px);text-align:left}
:is(.dots,.markers) .dot:last-child .tip{left:auto;right:0;transform:translate(0,8px);text-align:right}
:is(.dots,.markers) .dot:is(:first-child,:last-child):is(:hover,:focus-within,.show) .tip{transform:translate(0,0)}
@media(prefers-reduced-motion:reduce){html.tr-in::after{transition-duration:.3s}}

/* ---------- project pages: the landing's Next card at the end, in place of the 'Next project' banner (nav.js) ---------- */
.nextproj{display:none!important}
.llend{height:112px}      /* room under the footer for the card */
@media(max-width:760px){.llend{height:96px}}
.llnext{position:fixed;right:32px;bottom:32px;z-index:60;display:flex;align-items:stretch;max-width:196px;overflow:hidden;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:8px;color:#eef1f0;text-decoration:none!important;text-align:left;font-family:'Helvetica Neue',Arial,sans-serif;
  background:rgba(15,29,32,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.3);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .6s ease,visibility .6s ease,transform .35s ease,box-shadow .35s ease,background .35s ease}
.llnext.in{opacity:1;visibility:visible;transform:none}
.llnext.in:hover,.llnext.in:focus-visible{transform:translateY(-3px);background:rgba(15,29,32,.72);box-shadow:0 12px 30px rgba(0,0,0,.4);outline:none}
.llnext .th{width:58px;flex:0 0 58px;min-height:58px;object-fit:cover;display:block;background:#0f1d20}
.llnext .tx{display:flex;flex-direction:column;justify-content:center;padding:8px 4px 8px 11px;min-width:0}
.llnext .ne{font-family:'SFMono-Regular',Menlo,monospace;font-size:9px;letter-spacing:1.8px;color:#9fd6cf;text-transform:uppercase}
.llnext .nt{font-size:12.5px;font-weight:500;letter-spacing:.2px;margin-top:3px;line-height:1.18}
.llnext .ar{display:flex;align-items:center;padding:0 11px 0 5px;font-size:14px;color:#8a9b9b;transition:transform .35s ease,color .35s ease}
.llnext:hover .ar,.llnext:focus-visible .ar{transform:translateX(6px);color:#eef1f0}
@media(max-width:760px){.llnext{left:16px;right:16px;bottom:16px;max-width:none}}
@media(prefers-reduced-motion:reduce){.llnext,.llnext .ar{transition:none}}