/* Portfolio content is also fetched into the house's floor drawer. */
.skip-link{position:fixed;left:16px;top:8px;z-index:200;padding:12px 18px;background:var(--bone);color:var(--ink);transform:translateY(-160%);font-size:14px}
.skip-link:focus{transform:none}
.info section{scroll-margin-top:88px}
.info #hero{min-height:min(790px,95svh);padding-top:140px;padding-bottom:64px}
.info #hero h1{font-size:clamp(34px,4.9vw,62px);max-width:20ch}
.info #hero .col{max-width:800px}
.info #thesis{max-width:65ch}
.info #cta{margin-bottom:28px}
.info #work{padding-top:48px}
.info #bar{background:rgba(11,7,16,.94);backdrop-filter:blur(12px)}
.info .eyebrow,#floor .eyebrow{font-size:12px;font-weight:500;letter-spacing:.15em;color:var(--purple-hot)}
.info .rdot{font-size:10px;letter-spacing:.05em;min-height:30px}
.info .wo,#floor .wo{font-size:11.5px;color:var(--purple-hot)}
.info .wd,#floor .wd{font-size:14px}
.info .wlinks a,#floor .wlinks a{font-size:11px;min-height:36px;display:inline-flex;align-items:center}
.info .wtop,#floor .wtop{font-size:10px}
.page-nav{display:none}
.featured-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.feature-card{min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;scroll-margin-top:110px}
.feature-visual{height:185px;background:#100b18;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--line)}
.feature-visual video{display:block;width:100%;height:100%;object-fit:cover}
.feature-vesta{background:radial-gradient(ellipse at 45% 10%,rgba(168,85,247,.23),transparent 70%),#130c1c;padding:24px 10px}
.feature-wordmark{font-family:var(--display);font-size:42px;line-height:1;letter-spacing:-.05em;color:var(--bone)}
.credential-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;font-family:var(--mono);font-size:10px;text-align:center;color:var(--dim)}
.credential-flow span{padding:6px 8px;border:1px solid var(--line);border-radius:3px}
.credential-flow i{font-style:normal;color:var(--acid)}
.feature-stage{background:radial-gradient(ellipse at 50% 10%,rgba(0,255,224,.12),transparent 75%),#100b18;padding:24px}
.feature-stage img{width:80px;height:27px;object-fit:contain;margin-bottom:10px}
.feature-stage .feature-wordmark{font-size:36px}
.feature-hivemind{padding:24px;background:radial-gradient(ellipse at 50% 15%,rgba(225,192,91,.13),transparent 75%),#14120e}
.feature-hivemind img{width:88%;max-width:300px;height:auto;object-fit:contain}
.feature-metamask{padding:16px;background:radial-gradient(ellipse at 50% 15%,rgba(227,120,42,.16),transparent 75%),#19100d}
.feature-metamask img{width:64px;height:61px;object-fit:contain;margin-bottom:10px}
.feature-metamask .feature-wordmark{font-size:30px}
.feature-caption{font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:16px;text-align:center}
.feature-content{padding:24px 22px;display:flex;flex:1;flex-direction:column}
.feature-content .wt{font-size:24px;line-height:1.15;margin-bottom:12px}
.feature-content .wd{margin-bottom:18px}
.feature-content .wo{min-height:37px;line-height:1.6;margin-bottom:14px}
.feature-content .wlinks{margin-top:auto}
.project-story{margin-bottom:20px}
.project-story summary,.work-archive summary{cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--purple-hot);padding:10px 0;min-height:44px}
.project-story p.body{font-size:14px;line-height:1.7;margin:10px 0}
.work-archive{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-top:24px}
.work-archive>summary{color:var(--bone);font-size:13px}
.work-archive .works{margin-bottom:16px}
.work-archive .work[id]{scroll-margin-top:134px}
.about-story{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;align-items:start}
.about-portrait{display:block;width:100%;height:auto;border-radius:6px;filter:saturate(.8);border:1px solid var(--line)}
.nft-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.nft-controls>span{font-family:var(--mono);font-size:12px;color:var(--dim)}
.nft-controls .ghost{font-size:11px;min-height:44px}
.info #toast,#floor #toast{max-width:calc(100vw - 32px);white-space:normal;text-align:center}
#floor .featured-work{grid-template-columns:1fr;gap:18px}
#floor .feature-visual{height:190px}
#floor .feature-content{padding:20px}
#floor .feature-content .wo{min-height:0}
#floor .about-story{grid-template-columns:1fr;gap:20px}
#floor .about-portrait{width:110px}
#floor .project-story p.body{font-size:14px}
#floor .work-archive .works{grid-template-columns:1fr}
@media(min-width:981px){
  .info #rail{left:20px}
  .info .wrap{padding-left:calc(var(--gut) + 116px)}
  .info #minihouse{width:112px;left:20px;right:auto;bottom:16px;opacity:.85}
  .info #minihouse:hover,.info #minihouse:focus-visible{opacity:1}
}
@media(max-width:1120px) and (min-width:981px){
  .featured-work{grid-template-columns:1fr}
  .feature-card{display:grid;grid-template-columns:32% minmax(0,1fr)}
  .feature-visual{height:100%;min-height:240px;border-bottom:0;border-right:1px solid var(--line)}
  .feature-content .wo{min-height:0}
}
@media(max-width:980px){
  .info #bar{padding-top:12px;padding-bottom:12px;min-height:66px}
  .info #bar .solid{font-size:10px;padding:9px 10px;white-space:nowrap}
  .info #bar #mark{white-space:nowrap;font-size:12px;gap:7px}
  .page-nav{position:fixed;top:66px;left:0;right:0;z-index:35;display:flex;align-items:center;gap:12px;padding:8px var(--gut);background:rgba(21,14,31,.98);border-bottom:1px solid var(--line)}
  .page-nav label{font-family:var(--mono);font-size:11px;color:var(--dim);white-space:nowrap}
  .page-nav select{flex:1;min-width:0;min-height:36px;border:1px solid var(--line);border-radius:3px;color:var(--bone);background:var(--surface);font:12px var(--mono);padding:7px 10px}
  .info section,.feature-card{scroll-margin-top:134px}
  .info #hero{padding-top:164px;min-height:auto;padding-bottom:54px}
  .info #hero h1{font-size:clamp(32px,6.5vw,54px);max-width:20ch}
  .info #thesis{font-size:15px;line-height:1.7;margin-bottom:26px}
  .info #cta{margin-bottom:26px}
  .info #cta .solid,.info #cta .ghost{font-size:11px;padding:12px 15px}
  .info #proof{font-size:9px;gap:9px}
  .info #work{padding-top:30px}
  .featured-work{grid-template-columns:1fr;gap:20px}
  .feature-card{display:grid;grid-template-columns:35% minmax(0,1fr)}
  .feature-visual{height:100%;min-height:230px;border-bottom:0;border-right:1px solid var(--line)}
  .feature-content .wo{min-height:0}
  .info #minihouse{position:relative;right:auto;bottom:auto;margin:0 var(--gut) 28px;width:max-content;max-width:calc(100% - 40px);display:flex;align-items:center}
  .info #minihouse img{width:90px;height:auto}
  .info #minihouse span{font-size:11px;padding:14px}
}
@media(max-width:620px){
  .feature-card{display:flex}
  .feature-visual{height:180px;min-height:180px;border-right:0;border-bottom:1px solid var(--line)}
  .feature-content{padding:22px}
  .about-story{grid-template-columns:1fr;gap:24px}
  .about-portrait{width:132px}
  .info section{padding-top:70px;padding-bottom:70px}
  .info #hero{padding-top:155px;padding-bottom:45px}
  .info .works{grid-template-columns:1fr}
  .info #mail{font-size:clamp(16px,4.5vw,24px);flex-wrap:wrap;gap:5px 12px;max-width:100%}
}
@media(max-width:360px){
  .info #bar{padding-left:16px;padding-right:16px}
  .info #bar nav{gap:5px}
  .info #bar #mark{font-size:11px}
  .info #bar .ghost{padding-left:8px;padding-right:8px}
}

@media(min-width:981px) and (max-height:700px){.info #minihouse img{display:none}.info #minihouse{width:138px}.info #minihouse span{font-size:10px;padding:10px}}

/* Embedded posts must fit the reading column on the narrowest phones. */
.info .tweets{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.info .tweet,#floor .tweet{min-width:0;overflow:hidden}
.info .tweet iframe,#floor .tweet iframe{max-width:100%!important}
.info .rv:focus-within{opacity:1;transform:none}

/* Give the current-work cards room before the practical details. */
.info #now .works + .nowgrid,#floor .works + .nowgrid{margin-top:32px}