/* LIMA TRACE · 081 · field notes, drawings and changes of scene */
:root{--paper:#e9e4d9;--ink:#101311;--muted:#aaa99e;--bronze:#bb956b;--petrol:#6dada9;--line:#394039;--olive:#a4aa8a}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--ink)!important;color:var(--paper);font-family:"Segoe UI",Arial,sans-serif}
a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--petrol)!important;outline-offset:6px}
.site-shell{width:min(1180px,calc(100% - 96px));padding-bottom:0}
.topbar{height:92px;gap:24px;border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto}
.topbar .brand,.article-top .brand{font-size:13px;font-weight:650!important;letter-spacing:.16em!important;color:var(--paper)!important}
.nav{gap:28px}.topbar .nav button,.topbar .nav a{font:500 11px/1.5 "Segoe UI",Arial,sans-serif!important;color:#c9c8ba!important;letter-spacing:.12em!important;text-decoration:none}
.topbar .nav a:hover,.topbar .nav button:hover{color:var(--petrol)!important}
.lang-btn{border-radius:0!important;border-color:transparent!important;background:none!important;padding:6px!important;color:var(--muted)!important;font-size:11px!important}
.lang-btn.active{border-bottom:1px solid var(--bronze)!important;background:none!important;color:var(--paper)!important}
.hero-modern{position:relative;min-height:410px;grid-template-columns:1.3fr .7fr;border-bottom:1px solid var(--line);padding:34px 0 52px;gap:20px}
.hero-copy{padding:10px 0 26px}.hero-copy .eyebrow{font-size:10px!important;letter-spacing:.16em!important;color:var(--muted)!important}
.hero-modern h1{font-size:clamp(65px,7.4vw,102px)!important;line-height:.91!important;letter-spacing:-.065em!important;font-weight:500!important;color:var(--paper)!important;margin:22px 0!important}
.hero-modern h1>span{display:block}.trace-dot,.title-period{color:var(--bronze)}
.hero-copy .hero-line{color:#c2c4b8;font-size:17px;line-height:1.6;max-width:400px;font-weight:400!important;margin:0 0 22px}
.hero-jump{font-size:10px;letter-spacing:.16em;text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:5px}
.hero-art{height:290px;overflow:visible}.octopus-logo{width:min(100%,310px);filter:none;animation:none;transition:translate .45s ease}
.hero-foot{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:space-between;font:9px/1.4 "Courier New",monospace;letter-spacing:.09em;color:var(--muted)}
.present-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;padding:48px 0 56px;border-bottom:1px solid var(--line)}
.section-meta{font-size:10px;line-height:1.6;letter-spacing:.13em;color:var(--muted);display:flex;justify-content:space-between;gap:14px}
.section-meta h2{font:inherit;margin:0;color:var(--muted)}
.current-story{border-top:2px solid var(--bronze);padding-top:14px;display:flex;flex-direction:column;align-items:flex-start}
.current-story .section-meta{width:100%}.place-note{font:italic 19px Georgia,serif;color:var(--bronze);margin:32px 0 10px}
.current-story h2{font:400 clamp(42px,4.8vw,65px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:0 0 22px}.current-story h2 a{text-decoration:none}
.current-story h2 a:hover{color:#d9b78f}.story-lead{font:400 clamp(21px,2.2vw,27px)/1.45 Georgia,serif;max-width:390px;margin:0 0 16px}
.current-context{font-size:14px;line-height:1.7;color:#b7bbad;max-width:320px;margin:0 0 26px}
.read-link{font-size:11px;line-height:1.6;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:5px}.read-link:hover{color:var(--bronze)}
.feature{display:block;min-height:0;padding:0;border:0}.feature-media{border-radius:0;overflow:hidden;background:#ddd8cd;padding:12px;transform:rotate(1deg);border:0;box-shadow:none}
.feature-media img{height:365px;border-radius:0;box-shadow:none;object-fit:contain;background:#ddd8cd}.feature-media:hover{transform:rotate(0deg)}
.feature-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:22px}.feature-copy>div{display:flex;align-items:baseline;gap:12px}.section-number{font:11px "Courier New",monospace;color:var(--muted)}
.feature-copy h2{font:400 30px Georgia,serif!important;color:var(--paper)!important;margin:0!important}.feature-copy .text-link{font-size:10px!important;letter-spacing:.1em!important;color:var(--paper);border-color:var(--bronze)}
.writing-home{padding:32px 0 48px;border-color:var(--line)}.writing-home>.section-meta{margin-bottom:28px}.writing-home-grid{gap:0}
.story-card{min-height:290px;display:block;background:none;border:0;border-radius:0;padding:12px 38px 12px 0;overflow:hidden}.story-card+ .story-card{border-left:1px solid var(--line);padding-left:38px;padding-right:0}.story-card:before{display:none}
.story-content{padding:0;z-index:2}.story-label{font:10px/1.6 "Courier New",monospace;letter-spacing:.07em;color:var(--muted)!important;margin-bottom:24px}.story-content h3{font:400 44px/1.05 Georgia,serif;letter-spacing:-.025em;color:var(--paper);margin:0 0 20px}.story-content p{color:#c0c4b7!important;max-width:340px;font-size:15px;line-height:1.75;margin-bottom:24px}.story-button{font-size:10px;letter-spacing:.12em;color:var(--paper)!important;border-color:var(--bronze)!important}
.margin-word{position:absolute;right:24px;bottom:-22px;font:400 155px/.9 Georgia,serif;letter-spacing:-.07em;color:rgba(164,170,138,.055);z-index:0;pointer-events:none}.genesis-mark{font:110px/.9 "Courier New",monospace}
.go-home{padding:36px 0 44px;min-height:0;border-color:var(--line);align-items:flex-end}.go-home .section-meta{margin-bottom:25px}.go-home h2{font:500 clamp(32px,4.7vw,60px)/.96 "Segoe UI",Arial,sans-serif;letter-spacing:-.045em;color:var(--paper)}.go-home h2 em{font-family:Georgia,serif;font-weight:400;color:var(--petrol)}.go-personal{font:18px/1.6 Georgia,serif;color:#bcc4b6;margin:20px 0 0}.go-cta{border:1px solid var(--petrol);border-radius:0;padding:16px 22px;font-size:10px;letter-spacing:.1em;background:none;color:var(--paper)}.go-cta:hover{background:#6dada915}
.support-modern{padding:25px 0 30px;justify-content:space-between;align-items:center;gap:20px}.footer-trace{font-size:11px;letter-spacing:.14em;color:var(--muted)}.coffee-button{background:none!important;color:#b8bbaa!important;box-shadow:none!important;font-weight:400;font-size:12px;padding:8px 0;border-radius:0;text-decoration:none}.coffee-button:hover{color:var(--paper)!important}
.state-panel{background:#141b18!important;border-radius:4px;border-color:var(--line)!important}.panel-close{border-color:var(--petrol)!important}.studio-room{border-radius:0;background:linear-gradient(#282b24 0 75%,#171c17 75%)}
#writingPanel .reader{font-family:Georgia,serif;font-size:20px;line-height:1.85;color:var(--paper);max-width:65ch}.reader-title{font:400 42px/1.2 Georgia,serif;color:var(--paper)}
#goPanel .go-kicker{color:var(--petrol)}#goPanel #ltxGoExplorer #ltxGoSubmit{border-color:var(--petrol)!important;color:var(--paper)!important}.ltx-world-citizen{color:#b7bbad}
.article-page{background:var(--ink)!important;display:block;padding:0}.article-top{max-width:1180px;margin:auto;padding:30px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.back-link{font:10px/1.6 "Segoe UI",Arial,sans-serif;letter-spacing:.12em;color:var(--muted);text-decoration:none}
.essay{max-width:720px;padding:65px 0 50px;margin:0 auto}.essay h1{font:400 clamp(46px,7vw,78px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:25px 0}.essay-context{font:16px/1.7 "Segoe UI",Arial,sans-serif;color:var(--muted);padding-bottom:32px;margin:0 0 38px;border-bottom:1px solid var(--line)}.essay-body{font:20px/1.85 Georgia,serif;color:var(--paper)}.essay-body p{margin:0 0 1.4em}.essay-body .essay-dateline{font-style:italic;color:var(--bronze)}.essay-body p:last-child{font-size:25px;line-height:1.55;margin-top:40px;border-left:2px solid var(--bronze);padding-left:25px}.essay-footer{margin-top:55px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px}
@media(min-width:1600px){.site-shell{width:min(1240px,calc(100% - 120px))}}
@media(max-width:800px){.site-shell{width:calc(100% - 40px)}.topbar{height:auto;padding:22px 0;grid-template-columns:1fr auto;gap:18px}.nav{grid-column:1/-1;grid-row:2;gap:24px}.lang-switch{grid-column:2;grid-row:1}.hero-modern{min-height:340px;grid-template-columns:1.3fr .7fr;padding:35px 0 52px;gap:8px}.hero-copy{padding:0}.hero-modern h1{font-size:72px!important}.hero-art{height:210px}.hero-copy .hero-line{font-size:15px;max-width:310px}.hero-foot{font-size:8px}.hero-foot>span:last-child{display:none}.present-grid{gap:30px;padding:34px 0 38px}.current-story h2{font-size:46px}.feature-media img{height:285px}.feature-media{padding:8px}.feature-copy{align-items:flex-start;flex-direction:column}.story-lead{font-size:23px}.section-meta{font-size:9px}.story-card{padding-right:24px}.story-card+.story-card{padding-left:24px}.story-content h3{font-size:37px}.article-top{margin:0 24px}.essay{padding:45px 24px;max-width:720px}.essay-body{font-size:19px}}
@media(max-width:540px){.hero-modern{min-height:320px;grid-template-columns:1fr 110px;gap:0}.hero-modern h1{font-size:65px!important}.hero-art{height:170px;align-self:start;margin-top:36px;margin-left:-12px}.octopus-logo{width:130px;max-width:none}.hero-copy .eyebrow{font-size:8px!important;letter-spacing:.12em!important}.hero-copy .hero-line{max-width:250px;font-size:14px}.hero-jump{font-size:9px}.hero-foot{font-size:7px}.present-grid{grid-template-columns:1fr;gap:40px}.current-story h2{font-size:55px}.current-story h2 br{display:none}.story-lead{max-width:330px}.place-note{margin-top:25px}.feature-media{max-width:100%;padding:10px}.feature-media img{height:330px}.feature-copy{flex-direction:row;align-items:center}.feature-copy h2{font-size:28px!important}.writing-home>.section-meta{flex-direction:column;gap:5px}.writing-home-grid{grid-template-columns:1fr}.story-card{padding:8px 0 30px;min-height:260px}.story-card+.story-card{border-left:0;border-top:1px solid var(--line);padding:30px 0 8px}.story-content h3{font-size:43px}.go-home{align-items:flex-start;gap:25px;flex-direction:column}.go-home h2{font-size:47px}.go-personal{font-size:17px}.support-modern{gap:12px}.footer-trace{font-size:9px}.coffee-button{font-size:11px}.article-top{margin:0 20px;padding:23px 0}.article-top .brand{font-size:11px}.back-link{font-size:9px}.essay{padding:38px 20px}.essay h1{font-size:51px}.essay-body{font-size:18px;line-height:1.8}.essay-body p:last-child{font-size:23px;padding-left:18px}.essay-footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.octopus-logo{transition:none}}

/* 082: selected drawings. Larger images and descriptive captions. */
.gallery-note{font-size:12px;letter-spacing:.08em;color:var(--muted);margin:12px 0 0}
#studioPanel .studio-room{background:none;border:0;box-shadow:none;min-height:0;overflow:visible}
#studioPanel .studio-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px;align-items:start;padding:10px 0 30px}
#studioPanel .studio-floor{display:none}
#studioPanel .gallery-work{margin:0;min-width:0}
#studioPanel .art{width:100%;box-sizing:border-box;padding:8px;border:1px solid #41443a;border-radius:0;background:#22281f;transform:none;filter:none;margin:0;transition:border-color .2s ease}
#studioPanel .art:hover{transform:none;border-color:var(--bronze);filter:none}
#studioPanel .art img{width:100%;height:300px;object-fit:contain;background:#131813}
.gallery-work figcaption{display:flex;gap:12px;align-items:baseline;color:#c5c6b9;font-size:12px;line-height:1.6;padding-top:10px}
.gallery-work figcaption>span:first-child{font:10px 'Courier New',monospace;color:var(--bronze)}
@media(max-width:900px){#studioPanel .studio-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}#studioPanel .art img{height:300px}}
@media(max-width:540px){#studioPanel .studio-wall{grid-template-columns:1fr;gap:28px}#studioPanel .gallery-work{max-width:430px;width:100%;margin:0 auto}#studioPanel .art img{height:auto;max-height:470px;min-height:200px}.gallery-work figcaption{font-size:13px}}

/* Editorial archive refresh */
.writing-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pixel-card{background:linear-gradient(145deg,#21353b,#14201f)!important}
.pixel-card .margin-word{opacity:.12}
.pixel-read{display:inline-block;text-decoration:none;color:inherit}
@media(max-width:950px){.writing-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.writing-home-grid{grid-template-columns:1fr!important}.nav a[href="pixel-es-homok.html"]{display:none}}