@font-face{font-family:'Bodoni Moda';src:url('/assets/bodoni-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/assets/bodoni-italic-400.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:dark;--ink:#080c0b;--paper:#eee8dc;--gold:#c6a66f;--muted:#bcb6a8;--line:rgba(198,166,111,.27);--serif:'Bodoni Moda',Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{min-width:280px;background:var(--ink)}body{margin:0;color:var(--paper);background:var(--ink);font:400 14px/1.6 var(--sans);-webkit-font-smoothing:antialiased;isolation:isolate}a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}::selection{background:var(--gold);color:var(--ink)}h1,h2,p{margin:0}.skip{position:absolute;z-index:5;top:8px;left:12px;transform:translateY(-180%);padding:12px 18px;background:var(--paper);color:var(--ink)}.skip:focus{transform:none}.atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#080c0b0a 0%,#080c0b94 27%,#080c0bf5 65%,var(--ink) 100%),radial-gradient(ellipse at 50% 8%,#080c0b20 0%,#080c0bd9 80%),url('/assets/hero-cosmos-mobile.webp') 64% 0/auto 650px no-repeat}.link-page{width:min(100% - 44px,460px);margin-inline:auto;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(25px,env(safe-area-inset-bottom))}.identity{text-align:center}.wordmark{display:flex;align-items:center;justify-content:center;min-height:60px;width:216px;max-width:80%;margin:0 auto}.wordmark img{display:block;width:100%;height:auto}.ornament{display:flex;align-items:center;justify-content:center;gap:15px;margin:17px 0 20px;color:var(--gold);font-size:13px}.ornament span{width:43px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament span:last-child{transform:rotate(180deg)}.eyebrow{display:block;font:500 8px/1.6 var(--sans);letter-spacing:.19em;color:var(--gold)}h1{margin:16px -3px 13px;font:400 clamp(40px,11.8vw,52px)/1.04 var(--serif);letter-spacing:-.045em}h1 em{font-weight:400;color:#dfc99e}.introduction{color:var(--muted);font-size:12px;line-height:1.8}#puertas{scroll-margin-top:20px}.archive-door{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:136px;margin-top:28px;padding:21px 20px;border:1px solid #c6a66f77;background:#141910}.archive-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11160ef2 0%,#11160ee8 38%,#11160e40 100%),url('/assets/hero-cosmos-mobile.webp') 85% 50%/460px auto no-repeat;opacity:.92}.archive-copy{position:relative}.archive-door .eyebrow{font-size:8px;letter-spacing:.14em}.archive-title{display:block;margin:7px 0 7px;font:400 clamp(23px,6.7vw,29px)/1.1 var(--serif);letter-spacing:-.03em}.archive-description{display:block;color:#d1c8b5;font-size:10px;line-height:1.65}.door-arrow{align-self:center;color:#e6cd9f;font-family:var(--serif);font-size:29px;flex:none}.social-heading{display:flex;justify-content:space-between;align-items:center;margin-top:29px;padding-bottom:13px;border-bottom:1px solid var(--line);gap:12px}.social-heading h2{font:500 8px/1.6 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--gold)}.social-heading>span{color:var(--gold);font-size:16px;line-height:1}.social-list{list-style:none;margin:0;padding:0}.social-list li{border-bottom:1px solid var(--line)}.social-list a{display:flex;align-items:center;gap:16px;min-height:77px;padding:14px 6px;transition:background-color .18s,color .18s}.network-icon{flex:0 0 23px;width:23px;color:var(--gold)}.network-icon svg{display:block;width:23px;height:23px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.network-icon .solid{fill:currentColor;stroke:none}.network-copy{display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px;min-width:0}.network-name{font:400 25px/1.2 var(--serif);letter-spacing:-.025em}.network-handle{font-size:9px;letter-spacing:.04em;color:var(--muted)}.network-arrow{margin-left:2px;font:400 22px/1 var(--serif);color:var(--gold)}footer{text-align:center;margin-top:26px;color:var(--muted)}.footer-mark{display:block;margin-bottom:9px;color:var(--gold);font-size:10px}footer p{font:400 18px/1.5 var(--serif);color:#d5cbb7}footer small{display:block;margin-top:4px;font-size:8px;letter-spacing:.04em}
@media(max-width:599px){.link-page{padding-top:max(24px,env(safe-area-inset-top))}.ornament{margin:12px 0 16px}h1{margin-top:14px;margin-bottom:10px}.archive-door{margin-top:24px}.social-heading{margin-top:25px}.social-list a{min-height:74px}}
@media(hover:hover){.social-list a:hover{background:#c6a66f0b;color:var(--gold)}.archive-door:hover{border-color:var(--gold)}.wordmark:hover{opacity:.85}}
@media(min-width:600px){.link-page{padding-top:45px;padding-bottom:40px}.atmosphere{background-size:auto,auto,1100px auto;background-position:center,center,60% 0}.identity h1{font-size:56px}.archive-door{margin-top:32px;min-height:146px}.social-list a{min-height:80px}}
@media(max-width:340px){.link-page{width:calc(100% - 32px)}.eyebrow{font-size:7px;letter-spacing:.14em}.network-copy{align-items:flex-start;flex-direction:column;gap:3px}.social-list a{min-height:80px}.network-name{font-size:25px}.archive-door{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.archive-door{border:1px solid LinkText}.network-icon,.network-arrow,.door-arrow{color:LinkText}.atmosphere,.archive-art{display:none}}

/* A celestial frontispiece, with an independent links column on larger screens. */
[hidden]{display:none!important}
.starfield{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.starfield i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f6e3b4;box-shadow:0 0 8px 1px #c6a66f80;opacity:.25;animation:star-light var(--duration) var(--delay) ease-in-out infinite alternate}
.celestial{position:relative;width:168px;height:168px;margin:20px auto 10px;perspective:700px;contain:layout style}
.celestial-plane{position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out}
.zodiac{position:absolute;inset:0;width:100%;height:100%;opacity:.78;animation:zodiac-turn 100s linear infinite;filter:drop-shadow(0 0 2px #d6b87755)}
.inner-orbit{position:absolute;inset:16%;border:1px solid #c6a66f40;border-radius:50%;animation:zodiac-turn 72s linear infinite reverse}
.inner-orbit:after{content:'';position:absolute;top:13%;left:13%;width:4px;height:4px;border-radius:50%;background:#f4dfb0;box-shadow:0 0 10px 2px #e5c28d99}
.tree-light{position:absolute;inset:19% 29%;mix-blend-mode:screen;opacity:.7;animation:tree-radiance 6s ease-in-out infinite alternate}
.tree-light img{display:block;width:100%;height:100%;object-fit:contain;filter:invert(1) sepia(1) saturate(.8);opacity:.9}
.cabalistic-aura{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(ellipse,#dfb87527 0%,#b38e4810 48%,transparent 72%);animation:cabalistic-breath 6s ease-in-out infinite alternate}
.pole-star{position:absolute;left:calc(50% - 5px);top:-5px;color:#e5cd9f;font-size:11px;text-shadow:0 0 12px #e7bf79;animation:star-light 4s ease-in-out infinite alternate}
.celestial-caption{color:var(--gold);font:500 7px/1.8 var(--sans);letter-spacing:.19em;opacity:.85}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:14px 0 0;padding:8px 14px;border:1px solid #c6a66f38;border-radius:0;background:#080c0b99;color:#d8c7a8;font:400 10px/1.5 var(--sans);cursor:pointer;touch-action:manipulation}
.motion-toggle:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.motion-icon{font-size:13px;width:13px;text-align:center}
.archive-door{transition:border-color .3s,box-shadow .3s,transform .3s}
.archive-art{transition:transform 1s}
.network-arrow,.door-arrow,.network-icon{transition:transform .3s,color .3s,filter .3s}
.social-list a:focus-visible,.social-list a:active{background:#c6a66f16}
.archive-door:focus-visible,.archive-door:active{border-color:#ead2a4;box-shadow:0 0 28px #c6a66f22}
.motion-paused .starfield i,.motion-paused .zodiac,.motion-paused .inner-orbit,.motion-paused .tree-light,.motion-paused .cabalistic-aura,.motion-paused .pole-star{animation-play-state:paused}
@keyframes zodiac-turn{to{transform:rotate(360deg)}}
@keyframes star-light{from{opacity:.18}to{opacity:.95}}
@keyframes tree-radiance{from{opacity:.4}to{opacity:1}}
@keyframes cabalistic-breath{from{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}
@media(hover:hover){
  .social-list a:hover .network-arrow{transform:translate(3px,-3px);color:#f0ddb9}
  .social-list a:hover .network-icon{filter:drop-shadow(0 0 5px #e5c28d99);transform:scale(1.08)}
  .archive-door:hover{box-shadow:0 0 35px #c6a66f1a;transform:translateY(-2px)}
  .archive-door:hover .archive-art{transform:scale(1.05)}
  .archive-door:hover .door-arrow{transform:translateX(4px)}
  .motion-toggle:hover{border-color:var(--gold);background:#c6a66f12}
}
@media(min-width:760px){
  .link-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(38px,7vw,112px);align-items:center;width:min(100% - 80px,1120px);padding-top:52px;padding-bottom:24px;min-height:100svh}
  .identity{text-align:left;padding:0 0 0 2px}
  .wordmark{width:224px;max-width:85%;margin:0}
  .ornament{justify-content:flex-start;margin:20px 0 25px}
  .identity h1{font-size:clamp(42px,5.1vw,73px);line-height:1.06;margin:20px 0 18px}
  .identity .eyebrow{font-size:7px;letter-spacing:.15em}
  .introduction{font-size:13px}
  .celestial{width:clamp(224px,25vw,316px);height:auto;aspect-ratio:1;margin:25px auto 15px}
  .celestial-caption{text-align:center;font-size:7px}
  #puertas{position:relative;padding-top:10px}
  .archive-door{margin-top:0;min-height:177px;padding:25px 22px}
  .archive-title{font-size:clamp(25px,2.5vw,34px)}
  .archive-description{font-size:11px;line-height:1.8}
  .social-heading{margin-top:36px;padding-bottom:19px}
  .social-heading h2{font-size:8px;letter-spacing:.13em}
  .social-list a{min-height:87px;gap:13px;padding-inline:8px}
  .network-name{font-size:28px}
  .network-handle{font-size:9px}
  footer{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;margin-top:37px;padding-top:18px;border-top:1px solid var(--line);text-align:left}
  .footer-mark{display:none}footer p{font-size:18px}footer small{margin:0;font-size:8px}.motion-toggle{margin:0}
}
@media(min-width:1100px){
  .link-page{padding-top:48px}.wordmark{width:255px}.identity .eyebrow{font-size:8px}.introduction{font-size:14px}
  .archive-door{min-height:190px;padding:30px}.social-list a{min-height:93px;padding-inline:12px}.network-name{font-size:32px}.network-handle{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  :root:not(.motion-enabled) .starfield i,:root:not(.motion-enabled) .zodiac,:root:not(.motion-enabled) .inner-orbit,:root:not(.motion-enabled) .tree-light,:root:not(.motion-enabled) .cabalistic-aura,:root:not(.motion-enabled) .pole-star{animation-play-state:paused}
  .celestial-plane{transform:none!important}
}
@media(forced-colors:active){.starfield,.celestial{display:none}.motion-toggle{color:ButtonText;border-color:ButtonText}}
