#aboutSection *{box-sizing:border-box}
#aboutSection,#aboutSection{margin:0;background:#090a09;color:#b5b0a6;font:12px/1.55 'Courier New',monospace}
#aboutSection a{color:inherit;text-decoration:none}
#aboutSection button{font:inherit;color:inherit;cursor:pointer;background:#11120f;border:1px solid #555247}
#aboutSection a:focus-visible,#aboutSection button:focus-visible{outline:2px solid #d0ca9b;outline-offset:3px}
#aboutSection button:hover,#aboutSection a:hover{color:#ede5d3}
#aboutSection h1,#aboutSection h2,#aboutSection p,#aboutSection figure,#aboutSection ul,#aboutSection dl{margin:0}
#aboutSection h2{font-size:11px;font-weight:normal;color:#d4cfc3}
#aboutSection i{font-style:normal}
#aboutSection .practice-index i{display:block;width:6px;height:6px;border-radius:50%;background:#b8ed4e;box-shadow:0 0 12px #a6db4f;position:absolute;left:18px;top:71px}
#aboutSection .about-grid{height:934px;margin:22px 18px 0;display:grid;grid-template-columns:630px 1fr;grid-template-rows:450px 230px 175px;gap:24px}
#aboutSection .panel{position:relative;min-width:0;background:linear-gradient(110deg,#181916,#0c0e0c 70%);border:1px solid #5f5b4c;border-radius:4px;box-shadow:inset 0 0 0 5px #0b0d0a,inset 0 0 0 6px #6a66543b,2px 4px 0 #11120e,3px 5px 0 #625c4244;padding:10px}
#aboutSection .panel:before{content:'';position:absolute;inset:7px -5px -5px 5px;border:1px solid #645d454d;border-radius:3px;pointer-events:none}
#aboutSection .panel>header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #6c65564d;font-size:14px;color:#ddd8cb}
#aboutSection .tag{position:absolute;top:-9px;left:18px;padding:4px 16px;background:linear-gradient(100deg,#c8bca4,#e0d5be,#bcb09a);border:1px solid #e3d8bc;border-radius:3px;color:#26261e;font-size:11px;z-index:2;box-shadow:1px 3px 5px #000}
#aboutSection .edge-tag{position:absolute;left:-12px;top:176px;writing-mode:vertical-rl;transform:rotate(180deg);padding:12px 5px;background:#d1c4ab;color:#22251e;border:1px solid #e2d5b7;font-size:11px;z-index:3}
#aboutSection .profile{grid-row:1/3}
#aboutSection .profile-main{display:grid;grid-template-columns:46% 54%;height:390px;border-bottom:1px solid #655f4f}
#aboutSection .identity{padding:5px 14px 12px;border-right:1px solid #655f4f77}
#aboutSection .identity h1{font:70px/1.15 Georgia,serif;color:#e5dac4;white-space:nowrap}
#aboutSection .role{font-size:12px;margin:9px 0 12px}
#aboutSection .identity dl{display:grid;grid-template-columns:76px 1fr;border-top:1px solid #655f4f77;padding-top:12px;gap:7px 8px;font-size:10px;line-height:1.5}
#aboutSection .identity dt{color:#8f8b7d}
#aboutSection .identity dd{margin:0}
#aboutSection .biography{position:relative;padding:13px 16px;font-size:11px;line-height:1.62}
#aboutSection .biography p+p{margin-top:10px}
#aboutSection .folio{position:absolute;right:12px;bottom:20px;font-size:10px}
#aboutSection .profile-bottom{display:grid;grid-template-columns:61% 39%;height:244px}
#aboutSection .projects{padding:12px 8px}
#aboutSection .projects dl{display:grid;grid-template-columns:42px 1fr;gap:10px 12px;margin-top:10px;font-size:11px;line-height:1.4}
#aboutSection .projects dd{margin:0;color:#96958a}
#aboutSection .projects strong{font-weight:normal;color:#c8c3b6}
#aboutSection .inquiries{border-left:1px solid #655f4f77;padding:12px 10px 0 17px}
#aboutSection .inquiries ul{list-style:none;padding:8px 0}
#aboutSection .inquiries li{font-size:10px;padding:3px 6px;border:1px solid #655f4f55;margin:3px 0;white-space:nowrap}
#aboutSection .inquiries li:before{content:'# ';color:#747668}
#aboutSection .practice>header{padding:10px 2px 0;height:47px;align-items:end}
#aboutSection .tabs{display:flex;height:35px}
#aboutSection .tabs button{padding:0 17px;font-size:10px;border-color:#46463b}
#aboutSection .tabs [aria-selected=true]{border-color:#8e9851;background:#24271b;color:#e1dbc8}
#aboutSection .expand{width:20px;height:20px;line-height:16px;padding:0;margin:0 3px 16px auto;font-size:16px}
#aboutSection .practice-body{display:grid;grid-template-columns:46% 36% 18%;gap:0;height:377px;padding:23px 10px 10px}
#aboutSection .practice-body h2{font:29px/1.2 Georgia,serif;color:#e0d6c3;margin:3px 0 12px}
#aboutSection #practiceText{padding-right:18px;font-size:11px;line-height:1.56}
#aboutSection #practiceText p+p{margin-top:10px}
#aboutSection .portrait{position:relative;height:337px}
#aboutSection .portrait img{width:100%;height:100%;object-fit:cover;object-position:center}
#aboutSection .portrait figcaption{position:absolute;bottom:0;left:0;background:#10110e;padding:5px 8px;font-size:8px;color:#ddd5c1}
#aboutSection .practice-index{padding-left:15px;font-size:8px;position:relative}
#aboutSection .practice-index>span{display:block;border:1px solid #555343;padding:7px;line-height:1.4}
#aboutSection .practice-index ul{padding:20px 0 0;list-style:none;line-height:2.8}
#aboutSection .practice-index i{left:auto;right:10px;top:auto;bottom:33px;width:5px;height:5px}
#aboutSection .practice-index small{position:absolute;bottom:0;right:8px}
#aboutSection .motifs>header{height:33px;border:0}
#aboutSection .motifs .expand{margin:0}
#aboutSection .motif-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:3px 8px}
#aboutSection .motif-card{padding:0;text-align:left;background:linear-gradient(#10110e,#0b0c09);border:1px solid #474739;border-radius:3px;overflow:hidden}
#aboutSection .motif-image{display:block;height:107px;background-image:url('./public/jOURNALS/specimen-atlas.png');background-size:400% 300%;filter:grayscale(1) sepia(.2);border-bottom:1px solid #514d3e;position:relative}
#aboutSection .motif-image:after{content:'+';position:absolute;right:9px;top:3px;font-size:17px;color:#b5ad92}
#aboutSection .motif-card strong{display:block;font-size:9px;font-weight:normal;color:#d4cebb;padding:4px 6px 0}
#aboutSection .motif-card small{display:block;font-size:10px;line-height:1.3;padding:4px 6px 7px}
#aboutSection .motif-card[aria-pressed=true]{border-color:#aaa07d;box-shadow:0 0 0 1px #aaa07d55}
#aboutSection .documentation{grid-column:1;grid-row:3;width:700px}
#aboutSection .documentation>header,#aboutSection .additional>header{height:31px;border:0;font-size:13px}
#aboutSection .documentation-strip{display:flex;gap:9px;align-items:center;margin:0 -4px}
#aboutSection .documentation-strip>button{width:27px;height:36px;flex:none}
#aboutSection .doc-images{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0;flex:1}
#aboutSection .doc-images button{padding:4px;background:#090a08;text-align:left}
#aboutSection .doc-images img,#aboutSection .doc-images video{width:100%;height:80px;object-fit:cover;display:block;filter:saturate(.65)}
#aboutSection .doc-images small{display:block;font-size:9px;padding-top:3px}
#aboutSection .doc-progress{height:2px;background:#5c5b4b;margin:9px 4px 0}
#aboutSection .doc-progress i{display:block;height:2px;width:20%;background:#e0d6bf;transition:transform .2s}
#aboutSection .additional{grid-column:2;grid-row:3;margin-left:70px;padding-right:215px}
#aboutSection .additional .edge-tag{left:auto;right:0;top:50px;transform:none}
#aboutSection .contact-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;font-size:10px;line-height:1.6}
#aboutSection .contact-grid>div{padding:12px 8px;border-right:1px solid #66604e55;border-bottom:1px solid #66604e55;white-space:nowrap}
#aboutSection .contact-grid small{display:block;font-size:9px;color:#8f8a7c;margin-bottom:3px}
#aboutSection .contact-grid a:hover{text-decoration:underline}
#aboutSection .archive-texture{position:absolute;right:47px;top:17px;bottom:10px;width:164px;background:url('./public/jOURNALS/Journal-RIB.png') 81% 77%/205% 264%;filter:grayscale(1) brightness(.6);border:1px solid #645f4d}
#aboutSection .panel:fullscreen{padding:35px;background:#111;overflow:auto}
#aboutSection .panel:fullscreen .practice-body{height:auto;max-width:1200px;margin:40px auto}
#aboutSection .panel:fullscreen .motif-image{height:50vh}
#aboutSection .panel:fullscreen .portrait{height:65vh}
#aboutSection .documentation-viewer{width:min(90vw,1000px);max-height:90dvh;background:#111;border:1px solid #70664f;color:#c7beaa;padding:14px}
#aboutSection .documentation-viewer::backdrop{background:#000d}
#aboutSection .documentation-viewer>button{display:block;margin-left:auto;padding:10px}
#aboutSection .viewer-media{display:flex;justify-content:center;margin:12px 0}
#aboutSection .viewer-media img,#aboutSection .viewer-media video{max-width:100%;max-height:70dvh;object-fit:contain}
/* Shared component geometry at every viewport size. */
#aboutSection .profile-main{height:420px}
#aboutSection .profile-bottom{height:214px}
#aboutSection .identity dl{gap:5px 8px}
#aboutSection .identity h1{font-size:66px}
#aboutSection .projects dl{gap:8px 12px}
#aboutSection .motif-image svg{display:block;width:100%;height:100%;padding:7px;filter:drop-shadow(3px 3px 2px #000);background:radial-gradient(ellipse,#30312844,transparent 70%)}
#aboutSection .inquiries li{padding:2px 6px;margin:2px 0;font-size:9px}
#aboutSection .inquiries ul{padding:5px 0}
#aboutSection .projects dl{font-size:10px;gap:7px 12px}
#aboutSection{
  --about-ink:#bcb4a4;
  --about-heading:#d0c7b6;
  --about-muted:#9c927e;
  --about-rule:#6d624b66;
  --about-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h130v130H0z' filter='url(%23n)'/%3E%3C/svg%3E");
}
#aboutSection,#aboutSection{ background:#0d0d0d;color:var(--about-ink); }
#aboutSection .panel{
  color:var(--about-ink);
  background:linear-gradient(115deg,#181818,#101010 60%);
  border-color:#5e574b;
  box-shadow:inset 0 0 0 4px #0a0a09,inset 0 0 0 5px #746c4933,3px 5px 0 #10110f,4px 6px 0 #554e3633;
}
#aboutSection .panel:after{ content:'';position:absolute;inset:0;pointer-events:none;opacity:.19;border-radius:4px;background-image:var(--about-grain); }
#aboutSection .panel:before{ border-color:#62573e66; }
#aboutSection .panel>header,#aboutSection h2,#aboutSection .motif-card strong{ color:var(--about-heading); }
#aboutSection .panel>header{ border-bottom-color:#776b4b55; }
#aboutSection .identity h1,#aboutSection .practice-body h2{ color:#e0d5bd; }
#aboutSection .biography,#aboutSection #practiceText{ color:#beb4a2; }
#aboutSection .identity dt,#aboutSection .contact-grid small,#aboutSection .practice-index,#aboutSection .folio{ color:var(--about-muted); }
#aboutSection .projects dd{ color:#a59c8d; }
#aboutSection .projects strong{ color:#c7b999; }
#aboutSection .profile-main,#aboutSection .identity,#aboutSection .identity dl,#aboutSection .inquiries,#aboutSection .contact-grid>div,#aboutSection .practice-index>span{ border-color:var(--about-rule); }
#aboutSection .inquiries li{ border-color:#66604466;color:#bcb4a4; }
#aboutSection .tag{ background:linear-gradient(110deg,#d0c1a4,#e1d4bb,#afa48c);color:#242421;border-color:#dfd2b6;border-radius:2px;box-shadow:1px 3px 4px #0009; }
#aboutSection .edge-tag{ background:#c6bba4;color:#282723;border-color:#ded3b8; }
#aboutSection button{ color:var(--about-ink);background:#10110e;border-color:#514c40; }
#aboutSection button:hover{ color:#e5ddcb;border-color:#aca187; }
#aboutSection button:focus-visible,#aboutSection a:focus-visible{ outline-color:#c7c090; }
#aboutSection .tabs button{ border-color:#4b453c; }
#aboutSection .tabs [aria-selected=true]{ border-color:#9b9e55;background:#20211a;color:#e1d4b9;box-shadow:inset 0 -1px #b0b856; }
#aboutSection .motif-card{ background:linear-gradient(115deg,#20201d,#101010 60%);border-color:#514c4088;box-shadow:2px 3px 5px #0009; }
#aboutSection .motif-image{ border-color:#79705d55; }
#aboutSection .motif-card[aria-pressed=true]{ border-color:#a4936b;box-shadow:0 0 0 1px #a4936b55,2px 3px 5px #0009; }
#aboutSection .doc-images button,#aboutSection .portrait figcaption{ background:#080808;color:#c7b999; }
#aboutSection .contact-grid a{ color:#c7b999; }
#aboutSection .documentation-viewer{ background:linear-gradient(115deg,#181818,#101010 60%);border-color:#5e574b;color:var(--about-ink); }
@media(max-width:860px){}
/* About is a route within the existing workspace, with the shared site chrome. */
#aboutSection[hidden]{display:none!important}
.about-active .gallery-panel,.about-active .archive-panel{display:none!important}
.about-active .topbar nav a[href='#works']::after{display:none!important}
.about-active .topbar nav a[href='#about']{color:#e1d9c8!important;border-bottom:1px solid #b5ad92}
#aboutSection{position:relative;width:100%;height:907px;overflow:hidden;background:#0d0d0d;font-family:'Courier New',monospace}
#aboutSection .about-canvas{position:absolute;left:50%;top:50%;width:1344px;height:977px;transform:translate(-50%,-50%) scale(var(--about-scale,.92));transform-origin:center}
#aboutSection .documentation-viewer{position:fixed;margin:auto;height:auto;padding:14px;box-shadow:0 15px 60px #000a}
#aboutSection .documentation-viewer:not([open]){display:none}
#aboutSection .documentation-viewer>button{position:static}
@media(min-width:861px){.about-active .shell{grid-template-columns:196px 1340px}.about-active .workspace{padding-top:54px}}
@media(max-width:860px){#aboutSection{height:auto;overflow:visible}#aboutSection .about-canvas{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none}#aboutSection .about-grid{margin:24px 16px 35px}.about-active .workspace{width:100%;min-width:0}}
.about-active .topbar nav a[href='#works']{color:#77766e!important;border-bottom:0!important}
.about-active .topbar nav a[href='#about']{position:relative}
.about-active .topbar nav a[href='#about']::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#b5ad92}

/* Each mobile slot reserves the scaled height of its desktop component. */
#aboutSection .about-panel-slot{display:contents}
@media(max-width:860px){
 #aboutSection .about-grid{display:flex;flex-direction:column;height:auto;margin:26px 22px 30px;gap:26px}
 #aboutSection .about-panel-slot{display:block;position:relative;flex:none;width:100%;height:var(--panel-height)}
 #aboutSection .about-panel-slot>.panel{position:absolute;left:0;top:0;width:var(--panel-width);height:var(--panel-native-height);margin:0;transform:scale(var(--panel-scale));transform-origin:top left}
 #aboutSection .about-panel-slot>.panel:fullscreen{transform:none;width:100%;height:100%;overflow:auto}
}

/* Article pages retain their full page proportions in the writing strip. */
#aboutSection .doc-images img { object-fit:contain;object-position:center;filter:none; }
#aboutSection .doc-prev:disabled,#aboutSection .doc-next:disabled { opacity:.3;cursor:default; }