:root{color-scheme:light;--paper:#f6f5f0;--card:#fdfcf8;--ink:#262e28;--muted:#797e76;--line:#dcded5;--sage:#637963;--sage-light:#e1e7dc;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{display:grid;grid-template-columns:minmax(210px,240px) minmax(0,1fr) minmax(210px,245px);max-width:1680px;margin:auto;min-height:100vh}.left-rail{border-right:1px solid var(--line);padding:34px 29px;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.wordmark{font-size:30px;letter-spacing:-2px;font-weight:700;line-height:1}.wordmark-glyph{color:var(--sage);font-size:20px;vertical-align:top;margin-right:7px}.wordmark-stop,.period{color:#a5b393}.rail-middle{margin:auto 0}.eyebrow,.tiny{font:10px var(--mono);letter-spacing:1.1px;color:var(--muted)}.avatar{display:block;width:82px;height:82px;border-radius:50%;object-fit:cover;object-position:50% 22%;margin:22px 0;border:4px solid var(--card);box-shadow:0 0 0 1px var(--line);filter:saturate(.7)}.rail-middle h2{font:600 39px/1.03 var(--serif);letter-spacing:-1.9px;margin:12px 0 15px}.rail-middle p{font-size:12px;color:var(--muted);line-height:1.9}.location{font:10px var(--mono);color:var(--sage);display:flex;gap:7px;align-items:center;margin-top:25px}.signal,.live-dot{width:7px;height:7px;display:inline-block;background:#80a581;border-radius:100%;box-shadow:0 0 0 3px #80a58121}.rail-bottom{display:grid;gap:20px}.socials{display:flex;flex-direction:column;gap:10px;font-size:11px}.socials a:hover,.text-link:hover{color:var(--sage)}.main-column{min-width:0}.right-rail{border-left:1px solid var(--line);padding:45px 25px}.right-inner{position:sticky;top:44px}.menu-kicker{font:11px var(--mono);letter-spacing:1px;color:var(--sage);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.menu-kicker span{font-size:19px}.side-nav{padding-top:13px}.side-nav a{display:flex;gap:12px;align-items:center;padding:15px 0;font-size:12px;border-bottom:1px solid var(--line);color:var(--muted)}.side-nav a span{font:10px var(--mono);color:#aaa}.side-nav a b{margin-left:auto;font-weight:400;opacity:.5}.side-nav a:hover,.side-nav a.current{color:var(--sage)}.rail-note{background:var(--sage-light);border-radius:2px;padding:26px 23px;margin-top:60px;position:relative}.rail-note .eyebrow{font-size:9px;color:var(--sage)}.rail-note p{font:italic 20px/1.5 var(--serif);margin:12px 0}.scribble{font:60px var(--serif);position:absolute;right:20px;top:40px;opacity:.18}.note-sign{font:11px var(--mono);color:var(--sage)}.theme-area{margin-top:42px;display:grid;gap:18px}.theme-area button{background:none;border:1px solid var(--line);color:var(--ink);text-align:left;padding:12px 15px;cursor:pointer;font-size:16px;display:flex;gap:15px;align-items:center}.theme-area button span{font-size:11px}.theme-area button:hover{border-color:var(--sage)}.mobile-header{display:none}.hero{min-height:655px;padding:56px 7% 80px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-meta{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.6px;color:var(--muted);position:relative;z-index:1}.hero-meta span:first-child{display:flex;gap:10px;align-items:center}.hero-overline{font:500 17px var(--serif);margin:108px 0 20px;color:var(--sage)}.hero-overline span{margin-left:8px;color:#aaaf88}.hero h1{font:600 clamp(63px,6.6vw,115px)/.99 var(--serif);letter-spacing:-5px;margin:0;position:relative;z-index:1}.hero h1 em,.section-heading h2 em,.about h2 em{font-weight:500;color:var(--sage)}.hero-lede{font-size:15px;line-height:1.85;max-width:470px;color:#667167;margin:30px 0 35px;position:relative;z-index:1}.hero-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.primary-link{background:var(--ink);color:var(--paper);font-size:12px;padding:17px 22px;display:inline-flex;align-items:center;gap:40px;transition:transform .2s,background .2s}.primary-link:hover{transform:translateY(-3px);background:var(--sage)}.scroll-hint{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.scroll-hint span{margin-left:7px}.hero-doodle{font-size:350px;position:absolute;right:-100px;top:145px;line-height:1;color:#e6ebe0;transform:rotate(-22deg);pointer-events:none}.projects,.lab{padding:75px 7% 20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px}.section-heading h2{font:600 clamp(34px,3.5vw,54px) var(--serif);letter-spacing:-1.8px;margin:11px 0 0}.count{font:10px var(--mono);color:var(--sage);white-space:nowrap;padding-bottom:7px}.section-intro{color:var(--muted);font-size:13px;max-width:490px;line-height:1.8;margin:22px 0 48px}.project{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:30px;margin-bottom:95px}.project-left .project-art{order:2}.project-left .project-copy{order:1}.project-art{height:325px;min-width:0;position:relative;overflow:hidden;border-radius:2px;transition:transform .35s,box-shadow .35s}.project:hover .project-art{transform:translateY(-5px);box-shadow:0 15px 35px #17221919}.art-topline,.art-bottomline{position:absolute;z-index:2;left:20px;right:20px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px}.art-topline{top:19px}.art-bottomline{bottom:18px}.art-gobbagio{background:#151923;color:#efe2bd}.art-gobbagio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.art-gobbagio::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,9,.35) 0%,rgba(14,11,9,.08) 35%,rgba(14,11,9,.42) 100%);pointer-events:none}.art-admin{background:#dedfce;padding:40px 24px;color:#33483a}.terminal-window{background:#f8f8ee;border:1px solid #aeb6a5;box-shadow:12px 12px 0 #b6c3ae;max-width:350px;margin:25px auto}.terminal-top{height:29px;border-bottom:1px solid #d8dfd1;font:9px var(--mono);display:flex;align-items:center;gap:13px;padding:0 12px;color:#6a756a}.dots{display:flex;gap:4px}.dots i{width:7px;height:7px;background:#adbb9d;border-radius:50%}.terminal-body{padding:17px 18px}.terminal-label{font:9px var(--mono);color:#8b9986;margin-bottom:10px}.terminal-row{border-bottom:1px solid #e1e6db;display:flex;align-items:center;gap:12px;padding:9px 0;font:12px var(--sans)}.terminal-row b{font:9px var(--mono);color:#99a698}.terminal-row span:last-child{margin-left:auto}.terminal-cursor{font:10px var(--mono);color:#768c70;margin:16px 0 0}.terminal-cursor span{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.art-plex{background:radial-gradient(ellipse at 50% 55%,#343334,#15171b 70%);color:#f2b24d}.plex-art-center{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}.plex-play{font-size:55px;line-height:1;margin-bottom:4px;text-shadow:0 0 28px #e9a13480}.plex-big{font:700 55px var(--sans);letter-spacing:8px;color:#f2eee5}.plex-small{font:9px var(--mono);letter-spacing:2.5px;color:#e6af58;margin-top:7px}.plex-orbit{position:absolute;border:1px solid #db9e5230;width:390px;height:390px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:260px;height:260px}.art-woodway{background:#c7894c;display:flex;flex-direction:column;align-items:center;justify-content:center}.art-woodway img{width:175px;height:175px;border-radius:50%;object-fit:cover;box-shadow:0 8px 35px #5333184d}.art-woodway>span{font:10px var(--mono);letter-spacing:2px;color:#432817;margin-top:24px}.project-copy{padding:5px 0}.project-number{font:9px var(--mono);letter-spacing:.7px;color:var(--sage)}.project h3{font:600 clamp(31px,3vw,46px)/1.12 var(--serif);letter-spacing:-1.4px;margin:17px 0}.project-punct{color:#a3b29c}.project-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 20px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}.tags span{border:1px solid var(--line);padding:6px 8px;font:9px var(--mono);color:var(--muted)}.project-visit{font-size:12px;font-weight:700;border-bottom:1px solid var(--sage);padding-bottom:8px;display:inline-flex;gap:20px}.project-visit span{color:var(--sage);transition:transform .2s}.project-visit:hover span{transform:translate(3px,-3px)}.lab{border-top:1px solid var(--line);padding-top:73px;padding-bottom:80px}.small-star{font-size:35px;color:var(--sage)}.lab-grid{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-item{background:var(--card);border:1px solid var(--line);padding:22px;min-height:180px;display:flex;align-items:start;gap:15px;transition:border-color .2s}.lab-item[href]:hover{border-color:var(--sage)}.lab-icon{font-size:23px;color:var(--sage)}.lab-desc{display:flex;flex-direction:column;gap:10px}.lab-desc strong{font:600 18px var(--serif)}.lab-desc strong span{font:12px var(--sans);color:var(--sage)}.lab-desc small{color:var(--muted);line-height:1.75;font-size:11px}.lab-wip{font:8px var(--mono);color:var(--sage);margin-left:auto}.about{border-top:1px solid var(--line);background:var(--sage-light);padding:75px 7%;display:grid;grid-template-columns:90px 1fr;gap:35px}.about-symbol{font:80px var(--serif);color:#9baa91}.about h2{font:600 clamp(34px,4vw,54px)/1.17 var(--serif);letter-spacing:-1.5px;margin:20px 0}.about p{max-width:550px;color:#657364;line-height:1.9;font-size:13px}.text-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:7px}.site-footer{padding:25px 7%;display:flex;justify-content:space-between;gap:20px;align-items:center;font:9px var(--mono);color:var(--muted);letter-spacing:.3px}.site-footer a{color:var(--sage);white-space:nowrap}section{scroll-margin-top:25px}::selection{background:#b8cbb2;color:#203025}:focus-visible{outline:2px solid var(--sage);outline-offset:4px}body.dark{color-scheme:dark;--paper:#1b211d;--card:#242c26;--ink:#ecf0e7;--muted:#abb5a8;--line:#3a483e;--sage:#a8c2a0;--sage-light:#303f34}body.dark .hero-lede{color:#b4beb2}body.dark .hero-doodle{color:#263429}body.dark .primary-link{color:#1b211d}body.dark .about p{color:#b8c5b6}body.dark .rail-note{color:#e4eadd}body.dark .art-admin{color:#33483a}
@media(max-width:1250px){.site-shell{grid-template-columns:190px minmax(0,1fr) 185px}.left-rail{padding:28px 20px}.right-rail{padding:35px 17px}.hero{min-height:620px}.project{gap:20px}.project-art{height:280px}.art-admin{padding:38px 14px}.gob-word{font-size:60px}}@media(max-width:1050px){.site-shell{grid-template-columns:190px minmax(0,1fr)}.right-rail{display:none}.hero h1{font-size:clamp(65px,8vw,110px)}.hero-doodle{right:-130px}}@media(max-width:700px){.site-shell{display:block}.left-rail{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:19px 6%;border-bottom:1px solid var(--line)}.mobile-logo{font-size:24px;font-weight:700}.mobile-logo span{color:var(--sage)}.mobile-header>a:last-child{font:11px var(--mono);color:var(--sage)}.hero{min-height:575px;padding:30px 6% 70px}.hero-meta{font-size:8px}.hero-meta>span:last-child{display:none}.hero-overline{margin-top:105px}.hero h1{font-size:clamp(55px,12.5vw,88px);letter-spacing:-3px}.hero-lede{font-size:13px;max-width:380px}.hero-doodle{font-size:230px;right:-86px;top:210px}.scroll-hint{display:none}.projects,.lab{padding:60px 6% 0}.section-heading h2{font-size:39px}.section-intro{margin-bottom:32px}.project{grid-template-columns:1fr;gap:22px;margin-bottom:64px}.project-left .project-art,.project-left .project-copy{order:initial}.project-art{height:310px}.project h3{font-size:37px}.project-copy{padding:0 5px}.lab{padding-bottom:65px}.lab-grid{grid-template-columns:1fr}.lab-item{min-height:125px}.about{grid-template-columns:1fr;padding:55px 6%;gap:2px}.about-symbol{font-size:50px;line-height:1}.site-footer{padding:28px 6%;flex-wrap:wrap;font-size:8px}.site-footer span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shared style-switcher controls */
.style-control{display:grid;gap:9px}.style-control label{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.style-control select{width:100%;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:12px 8px;font:11px var(--sans);cursor:pointer}.style-control select:focus-visible{outline:2px solid var(--sage);outline-offset:3px}.mobile-controls{display:flex;align-items:center;gap:17px}.mobile-style-toggle{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);background:var(--card);color:var(--sage);padding:8px 10px;font:10px var(--mono);cursor:pointer}@media(max-width:370px){.mobile-controls{gap:8px}.mobile-style-toggle{padding:7px;font-size:9px}}

/* Visible attribution on both visual styles */
.attribution{line-height:1.8;letter-spacing:0;text-transform:none}.attribution a,.site-footer a:not([href="#top"]){color:var(--sage);text-decoration:underline;text-underline-offset:3px}.attribution strong,.site-footer strong{font-weight:700}.site-footer{flex-wrap:wrap}.site-footer span{line-height:1.8}

/* Technology labels, inheriting colours from the active theme */
.tech-tags{gap:7px;align-items:center}
.tech-tags span{border-radius:3px;border:1px solid var(--sage);color:var(--sage);background:var(--card);padding:7px 10px;font-weight:500;letter-spacing:.01em}

/* Security joke: inline with the About copy, not a separate grid column/card. */
.about > div:nth-child(2){min-width:0}
.about .security-inline{display:block;box-sizing:border-box;min-width:0;max-width:100%;margin-top:30px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
.about .security-inline .eyebrow{display:block;margin-bottom:10px}
.about .security-inline p{font:600 clamp(16px,2.2vw,22px)/1.5 var(--serif);margin:0 0 6px;overflow-wrap:normal;word-break:normal}
.about .security-inline small{display:block;color:var(--muted);font-size:12px;line-height:1.6}
.about .security-inline .seasoning-swap{display:inline-flex;align-items:baseline;gap:.32em;white-space:nowrap}
.about .security-inline del{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--sage);text-decoration-thickness:2px}
.about .security-inline .seasoning-replacement{color:var(--sage);font-weight:700}
@media(max-width:600px){.about .security-inline{margin-top:24px}.about .security-inline p{font-size:17px}}


/* Additional controls and inline security note */
.style-control{display:grid;gap:8px}
.style-control label{font:10px var(--mono);letter-spacing:1.1px;color:var(--muted)}
.style-control select{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 12px var(--sans)}
.portal-access{border:1px solid var(--line);padding:12px 14px;font-size:12px;font-weight:700;display:block;text-align:left}
.portal-access:hover{border-color:var(--sage);color:var(--sage)}
.mobile-controls{display:flex;gap:10px;align-items:center}.mobile-style-toggle{border:1px solid var(--line);background:var(--card);padding:10px 12px;font-size:12px;display:inline-flex;gap:6px;align-items:center}
@media (max-width:768px){.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 5%}.mobile-controls{display:flex;align-items:center;gap:10px}.right-rail,.left-rail{display:none}.site-shell{grid-template-columns:1fr}.main-column{min-width:0}}

/* Theme selector: keep all six labels readable in the narrow right rail. */
.right-rail .style-control{min-width:0;width:100%}
.right-rail .style-control select{display:block;box-sizing:border-box;min-width:0;max-width:100%;width:100%;font-size:11px;letter-spacing:normal;padding:11px 23px 11px 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}