/* Toni Angelchovski - personal world / 2026 */
:root{color-scheme:dark;--bg:#121411;--surface:#1a1d18;--text:#ecebe2;--muted:#b3b8aa;--line:#363c32;--copper:#e6ac74;--copper-ink:#1b1712;--paper:#ece6d8;--paper-ink:#232820;--forest:#19221a;--header:rgba(18,20,17,.97);--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f4f0e7;--surface:#e9e4d8;--text:#252b24;--muted:#596151;--line:#c9c5b7;--copper:#95552c;--copper-ink:#fff6ea;--paper:#e8e0d0;--paper-ink:#232820;--forest:#e5e8dc;--header:rgba(244,240,231,.98)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}::selection{background:#ad6b3f;color:#fff}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.07;letter-spacing:-.055em}h2{font-size:clamp(2.35rem,4.1vw,4.3rem);font-weight:760}h3{font-size:1.45rem;letter-spacing:-.035em}em{font-style:normal;color:var(--copper)}p+p{margin-top:1.2rem}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}.section-space{padding-block:110px}.eyebrow{font:500 .75rem/1.6 var(--mono);letter-spacing:.14em;margin-bottom:28px;color:var(--copper)}.large-copy{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.55;letter-spacing:-.015em}.text-link{display:inline-block;font-size:.94rem;font-weight:650;border-bottom:1px solid var(--line);padding-block:5px;transition:color .15s,border-color .15s}.text-link:hover{color:var(--copper);border-color:var(--copper)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 23px;font-size:.94rem;font-weight:700;line-height:1.4;min-height:54px;border:1px solid transparent;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.button-copper{background:var(--copper);color:var(--copper-ink)}.button-ivory{background:#f0ebdf;color:#172015}.button span{font-size:1.2rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:200;background:var(--text);color:var(--bg);padding:10px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}
/* A quiet, usable navigation. */
.site-header{position:sticky;top:0;z-index:50;background:var(--header);border-bottom:1px solid var(--line)}.header-inner{width:min(1392px,calc(100% - 64px));margin:auto;min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{font-size:42px;line-height:1;font-weight:850;letter-spacing:-.09em}.brand-mark>span{color:var(--copper)}.brand-name{font-size:.73rem;font-weight:750;letter-spacing:.09em;line-height:1.5}.brand-name small{display:block;font:400 .57rem/1.8 var(--mono);letter-spacing:.06em;color:var(--muted)}.desktop-nav{display:flex;gap:29px;align-items:center}.desktop-nav a{font-size:.86rem;font-weight:600;color:var(--muted);padding-block:20px}.desktop-nav a:hover{color:var(--text)}.header-tools{display:flex;align-items:center;gap:20px}.theme-toggle{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid var(--line);color:var(--text);padding:10px 12px;min-height:44px;font-size:.76rem}.theme-toggle:hover{border-color:var(--copper)}.icon-moon{display:none}[data-theme=light] .icon-moon{display:block}[data-theme=light] .icon-sun{display:none}.mobile-menu{display:none}
/* Hero imagery is art directed for mobile, with real HTML typography. */
.hero{position:relative;min-height:740px;background:#141b19;color:#f3eee4;isolation:isolate;overflow:hidden}.hero-picture,.hero-picture img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-picture img{object-fit:cover;object-position:68% center}.hero-picture{z-index:-3}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(11,17,16,.9) 0%,rgba(11,17,16,.83) 23%,rgba(11,17,16,.4) 48%,transparent 70%),linear-gradient(0deg,rgba(11,17,16,.3),transparent 45%)}.hero-content{padding-top:82px;padding-bottom:28px}.hero .eyebrow{color:#e9bb90;font-size:.73rem}.small-line{display:inline-block;width:30px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(3.6rem,5.6vw,5.8rem);line-height:.99;letter-spacing:-.066em;font-weight:800;max-width:680px}.hero h1 em{display:block;color:#e9b486;margin-top:.1em}.hero-description{font-size:1.08rem;line-height:1.65;color:#d8d9d0;max-width:420px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.hero .button-copper{background:#e2ac7b;color:#1d2018}.hero-den-link{font-size:.9rem;border-bottom:1px solid #767a6a;padding-block:9px}.hero-den-link span{margin-left:10px}.hero-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:66px;color:#c2c7bc;font:400 .64rem/1.6 var(--mono);letter-spacing:.08em}.hero-footnote a{padding:8px}.hero-vertical{position:absolute;right:24px;top:25%;writing-mode:vertical-rl;font:400 .6rem var(--mono);letter-spacing:.2em;color:#d6c5a7}.identity-strip{display:flex;align-items:center;gap:45px;padding:25px max(52px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);font-size:.85rem;font-weight:700;letter-spacing:.14em;white-space:nowrap}.strip-signature{margin-left:auto;color:var(--muted);font:400 .69rem var(--mono);letter-spacing:0}
/* Story: paper and margins, instead of another card grid. */
.story-section{background:var(--bg)}.story-grid{display:grid;grid-template-columns:230px 1fr;gap:90px}.story-aside .eyebrow{margin-bottom:48px}.portrait-frame img{border-radius:50%;object-fit:cover;width:140px;height:140px;border:1px solid var(--line);padding:6px}.portrait-caption{display:block;font:.62rem/1.6 var(--mono);margin-top:13px;color:var(--muted)}.story-margin{font-family:Georgia,serif;font-size:1.2rem;line-height:1.45;font-style:italic;margin-top:40px;color:var(--muted)}.muted-heading{color:var(--muted)}.story-main .large-copy{margin-top:32px;max-width:780px}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px;color:var(--muted);font-size:.98rem;line-height:1.8}.story-columns p+p{margin:0}.story-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px}
/* Code: restrained terminal, no perpetual animation or cursor canvas. */
.code-section{background:var(--forest);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 90px;background-blend-mode:soft-light}.code-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.code-heading>p{max-width:370px;color:var(--muted);font-size:1rem}.code-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.terminal-window{background:#121a16;border:1px solid #455346;color:#e3e8d9;box-shadow:0 22px 50px #0000001a;min-width:0}.terminal-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font:.65rem/1.5 var(--mono);padding:14px 20px;border-bottom:1px solid #344238;color:#afbeaa}.terminal-dots{display:flex;gap:5px}.terminal-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#94aa82}.terminal-dots i:nth-child(2){opacity:.65}.terminal-dots i:nth-child(3){opacity:.35}.terminal-content{padding:28px;font:.85rem/1.9 var(--mono);overflow-wrap:anywhere}.terminal-content p+p{margin-top:16px}.terminal-prompt{color:#dfad7c}.terminal-output{color:#c1cdb6;padding-left:20px}.terminal-tools{color:#a9ba9d;padding-left:20px}.terminal-details{margin-top:27px;border-top:1px solid #344238;padding-top:14px}.terminal-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:.74rem;color:#e6ba87;min-height:38px;align-items:center}.terminal-details summary::-webkit-details-marker{display:none}#terminal-output{max-height:240px;overflow-y:auto;font-size:.78rem;color:#c1cdb6;padding:16px 0}#terminal-output p+p{margin-top:8px}#terminal-form{display:flex;gap:12px;border-top:1px solid #344238;align-items:center;padding-top:10px}#terminal-form input{min-width:0;flex:1;border:0;background:transparent;color:#e3e8d9;padding:10px 0;font:inherit}#terminal-form button{background:transparent;color:#e6ba87;border:1px solid #455346;width:42px;height:42px}.code-notes{display:grid;gap:28px}.code-notes article{padding-bottom:25px;border-bottom:1px solid var(--line)}.code-notes article>span{font:.69rem var(--mono);letter-spacing:.1em;color:var(--copper)}.code-notes h3{margin-top:15px;font-size:1.5rem;line-height:1.2}.code-notes p{font-size:.95rem;color:var(--muted);margin:15px 0}
/* Work: four intentional identities, with shared readable metadata. */
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.section-heading>p{max-width:340px;color:var(--muted);font-size:1rem}.work-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:45px}.work-card{min-width:0}.work-image-link{display:block;overflow:hidden;background:var(--surface)}.work-image{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;transition:transform .4s}.work-image-link:hover .work-image{transform:scale(1.025)}.work-card-body{padding:25px 0 0}.work-meta{font:500 .65rem/1.6 var(--mono);letter-spacing:.08em;color:var(--muted)}.work-card h3{display:flex;justify-content:space-between;gap:15px;font-size:1.9rem;line-height:1.2;margin-top:12px}.work-card h3>span{color:var(--copper)}.work-card p{font-size:.98rem;color:var(--muted);margin:12px 0;max-width:500px}.work-card .text-link{font-size:.85rem}.lab-art,.flux-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1.65}.lab-art{background:#e7e3d9;color:#222c24;background-image:radial-gradient(#a6aa9d 1px,transparent 1px);background-size:17px 17px}.lab-word{font-size:clamp(3.5rem,6vw,6rem);line-height:.85;font-weight:800;letter-spacing:-.075em;position:relative;z-index:1}.lab-word>span{display:block;color:#ab6640;font-weight:400;letter-spacing:.35em;font-size:.37em;margin:17px 0 0 .1em}.lab-art-caption,.flux-art-caption{position:absolute;bottom:22px;left:25px;right:25px;font:500 .55rem/1.6 var(--mono);letter-spacing:.1em}.lab-orbit{position:absolute;border:1px solid #9a9e9277;width:55%;height:120%;border-radius:50%;transform:rotate(40deg)}.orbit-two{transform:rotate(-40deg)}.lab-cross{position:absolute;font:25px var(--mono);color:#8d6d4d}.cross-one{left:30px;top:25px}.cross-two{right:30px;bottom:55px}.flux-art{background:#15181c;color:#d0e3c3;background-image:linear-gradient(#333b331f 1px,transparent 1px),linear-gradient(90deg,#333b331f 1px,transparent 1px);background-size:22px 22px}.flux-word{font:700 clamp(3.7rem,7vw,6.7rem)/.9 var(--mono);letter-spacing:-.09em}.flux-word>span{display:block;color:#d5a274}.flux-cursor{font-size:.7em}.flux-coordinates{position:absolute;top:22px;left:25px;font:.6rem var(--mono);letter-spacing:.1em;color:#a7b89e}.flux-art-caption{color:#a7b89e;max-width:80%}.more-projects{margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.more-projects summary{padding:22px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:1.05rem;font-weight:650}.more-projects summary::-webkit-details-marker{display:none}.more-projects summary>span{font-size:1.5rem;color:var(--copper)}.project-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding-bottom:25px}.project-directory a{padding:16px 0;display:flex;justify-content:space-between;gap:15px;font-size:.94rem;border-top:1px solid var(--line)}.project-directory span{font-size:.79rem;color:var(--muted)}
/* Craft: material, close crop and warm editorial rhythm. */
.craft-section{display:grid;grid-template-columns:1.05fr 1fr;background:#30271f;color:#f0e9de}.craft-photo{position:relative;min-height:650px;overflow:hidden}.craft-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:46% center}.image-caption{position:absolute;bottom:30px;left:32px;color:#f1e8d4;font:.63rem var(--mono);letter-spacing:.13em;text-shadow:0 2px 5px #000}.craft-copy{padding:85px clamp(35px,5vw,95px);align-self:center}.craft-copy .eyebrow,.craft-copy em{color:#e9b486}.craft-copy h2{font-size:clamp(2.7rem,4.4vw,4.5rem)}.craft-copy .large-copy{margin-top:30px}.craft-copy>p:not(.eyebrow):not(.large-copy){font-size:1rem;color:#d4c8ba;margin-top:22px}.craft-copy .button{margin-top:28px;background:#e2ac7b;color:#251e19}.craft-detail{display:block;font:.56rem/1.8 var(--mono);letter-spacing:.1em;color:#cbbba8;margin-top:24px}
/* Art: warm gallery paper and room to look. */
.art-section{background:var(--paper);color:var(--paper-ink)}.art-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.art-copy .eyebrow{color:#89552f}.art-copy h2{font-size:clamp(2.5rem,3.7vw,3.8rem)}.art-copy h2 em{color:#89552f}.art-copy>p:not(.eyebrow){font-size:1rem;color:#515747;margin-top:26px}.art-copy .text-link{margin-top:23px;border-color:#b2ad9b;color:#292f24}.art-figure{min-width:0}.art-figure img{width:100%;aspect-ratio:.95;object-fit:cover;object-position:70% center}.art-figure figcaption{display:flex;justify-content:space-between;gap:15px;font:.57rem/1.7 var(--mono);letter-spacing:.04em;margin-top:13px;color:#646854}
/* Den: one immersive doorway, no autoplay media. */
.den-section{position:relative;isolation:isolate;background:#122217;min-height:670px;display:flex;align-items:center;overflow:hidden;color:#f0eee3}.den-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.den-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,26,17,.94),rgba(10,26,17,.73) 35%,rgba(10,26,17,.05) 70%)}.den-copy{padding-block:65px}.den-copy .eyebrow{font-size:.64rem;color:#d5c39d}.den-copy h2{font-size:clamp(3.3rem,5.4vw,5.6rem)}.den-copy h2 em{color:#e9c18a}.den-copy>p:not(.eyebrow){max-width:340px;color:#d0d7c7;font-size:1rem;margin-top:25px}.den-copy .button{margin-top:29px}.den-address{display:block;font:.64rem var(--mono);letter-spacing:.1em;color:#c4cdbb;margin-top:24px}
/* Current work: an honest dated note, not an invented live feed. */
.now-section{border-bottom:1px solid var(--line)}.now-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.now-grid h2{font-size:clamp(2.5rem,4vw,4.1rem)}.now-intro{font-size:1.1rem;color:var(--muted);margin-bottom:26px}.now-item{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-top:1px solid var(--line)}.now-item>span{font:.68rem var(--mono);color:var(--copper);margin-top:5px}.now-item h3{font-size:1.3rem}.now-item p{font-size:.92rem;color:var(--muted);margin-top:10px}.now-item>a{margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line)}.now-date{font:.65rem var(--mono);color:var(--muted);margin-top:18px}
/* Contact and AXON use the same clear typography in both themes. */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-copy h2{font-size:clamp(2.6rem,4.1vw,4.2rem)}.contact-copy>p:not(.eyebrow){max-width:380px;margin-top:25px;color:var(--muted);font-size:1rem}.contact-email{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--copper);font-size:clamp(1.35rem,2.1vw,2rem);font-weight:650;letter-spacing:-.04em;margin-top:27px;padding-bottom:10px}.contact-email>span{color:var(--copper)}.contact-links{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:25px;font-size:.8rem;color:var(--muted)}.contact-links a:hover{color:var(--text)}.axon-panel{background:var(--surface);border:1px solid var(--line);padding:30px;min-width:0}.axon-heading{display:flex;gap:15px;align-items:center}.axon-symbol{font:600 .85rem var(--mono);display:grid;place-items:center;border:1px solid var(--copper);color:var(--copper);width:45px;height:45px;flex-shrink:0}.axon-heading h3{font-size:1.3rem;letter-spacing:-.03em}.axon-heading p{font-size:.75rem;color:var(--muted);margin-top:6px;line-height:1.4}.axon-intro{color:var(--muted);font-size:.91rem;margin-top:23px}.axon-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.axon-quick button{font-size:.76rem;border:1px solid var(--line);background:none;color:var(--text);padding:10px 12px;min-height:42px}.axon-quick button:hover{border-color:var(--copper)}.axon-messages:empty{display:none}.axon-messages{max-height:380px;overflow-y:auto;overscroll-behavior:contain;margin-top:20px;scrollbar-width:thin}.axon-message{font-size:.94rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 0;border-top:1px solid var(--line)}.axon-message-user{color:var(--muted);font-size:.85rem}.axon-message-name{font:600 .62rem var(--mono);color:var(--copper);display:block;margin-bottom:8px}.axon-message a{text-decoration:underline;text-underline-offset:3px}.axon-feedback{display:flex;gap:8px;margin-top:8px}.axon-feedback button{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:.75rem;padding:7px 10px;min-height:36px}.axon-feedback button:disabled{opacity:.7;cursor:default}.axon-feedback span{font-size:.7rem;color:var(--muted)}#axon-form{display:flex;align-items:center;gap:8px;border:1px solid var(--line);margin-top:22px;padding:5px}#axon-input{width:100%;min-width:0;font-size:.9rem;background:transparent;border:0;color:var(--text);padding:10px}#axon-input::placeholder{color:var(--muted);opacity:1}#axon-form>button{width:43px;height:43px;flex-shrink:0;background:var(--copper);color:var(--copper-ink);border:0;font-size:1.2rem}#axon-form>button:disabled{opacity:.55}.axon-bottom{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-top:12px;font-size:.67rem;line-height:1.6;color:var(--muted)}#axon-reset{background:none;border:0;border-bottom:1px solid var(--line);padding:0;color:var(--text);font-size:.68rem;flex-shrink:0}
.site-footer{background:var(--forest);border-top:1px solid var(--line);padding:48px max(52px,calc((100vw - 1240px)/2)) 24px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-signature{font-size:1.35rem;font-weight:700;letter-spacing:-.045em}.footer-signature>span{display:block;font:.72rem var(--mono);color:var(--copper);margin-top:8px}.footer-top>p{font:italic 1.05rem/1.5 Georgia,serif;color:var(--muted)}.footer-top>.text-link{font-size:.8rem}.footer-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font:.58rem/1.7 var(--mono);color:var(--muted)}
/* Project pages share identity and preserve clean public URLs. */
.case-page{padding-top:35px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-bottom:65px}.breadcrumbs a:hover{color:var(--copper)}.case-header{max-width:900px;padding-bottom:55px}.case-header h1{font-size:clamp(3.2rem,7vw,6rem);margin-bottom:25px;overflow-wrap:anywhere}.case-subtitle{font:italic clamp(1.3rem,2.2vw,2rem)/1.5 Georgia,serif;color:var(--copper);margin-bottom:25px}.case-header .large-copy{color:var(--muted);max-width:800px}.case-header .button{margin-top:30px}.case-figure{margin:0}.case-image{width:100%;max-height:590px;object-fit:cover}.case-figure figcaption{font:.62rem/1.8 var(--mono);color:var(--muted);margin-top:13px}.case-flux{aspect-ratio:2.4}.case-flux .flux-word{font-size:clamp(5rem,11vw,10rem)}.case-body{max-width:900px;margin:70px auto}.case-text-section{display:grid;grid-template-columns:70px 1fr;gap:30px;border-top:1px solid var(--line);padding-block:35px}.case-text-section h2{font-size:2rem}.case-text-section p{margin-top:20px;color:var(--muted);font-size:1.1rem}.case-next{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:35px 0 65px}.case-next>a:last-child{text-align:right}.case-next span{display:block;font:.65rem var(--mono);color:var(--muted);margin-bottom:10px}.case-next strong{font-size:1.25rem;font-weight:650}
@media(min-width:1700px){.hero{min-height:820px}.hero-content{padding-top:115px}.hero-picture img{object-position:center 45%}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header-inner{gap:18px;width:calc(100% - 48px)}.desktop-nav{gap:20px}.brand-name small{font-size:.5rem}.desktop-nav a{font-size:.78rem}.theme-label{display:none}.theme-toggle{padding:10px}.story-grid{grid-template-columns:180px 1fr;gap:45px}.hero{min-height:680px}.hero h1{font-size:clamp(3.4rem,6vw,4.5rem)}.hero-description{max-width:360px;font-size:1rem}.hero-actions{gap:20px}.hero-actions .button{font-size:.83rem;padding:16px 18px;gap:15px}.hero-den-link{font-size:.81rem}.hero-shade{background:linear-gradient(90deg,rgba(11,17,16,.94),rgba(11,17,16,.7) 37%,rgba(11,17,16,.06) 72%)}.identity-strip{gap:30px;padding-inline:36px;font-size:.7rem}.code-grid{gap:35px}.code-heading{gap:40px}.code-heading>p{max-width:300px}.code-heading h2{font-size:3.2rem}.art-grid{gap:40px}.now-grid{gap:60px}.contact-grid{gap:40px}.craft-copy{padding:60px 35px}.craft-photo{min-height:590px}.site-footer{padding-inline:36px}}
@media(max-width:850px){.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;font-size:.82rem;min-height:44px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary>span{color:var(--copper);font-size:1.5rem}.mobile-menu nav{position:absolute;right:24px;top:74px;width:min(300px,calc(100vw - 48px));display:grid;background:var(--bg);border:1px solid var(--line);box-shadow:0 12px 25px #0002;padding:10px 22px}.mobile-menu nav a{font-size:1rem;padding:12px 0;border-bottom:1px solid var(--line)}.mobile-menu nav a:last-child{border:0}.section-space{padding-block:80px}.story-grid{grid-template-columns:140px 1fr;gap:35px}.story-columns{grid-template-columns:1fr;gap:18px}.code-heading{display:block}.code-heading>p{max-width:550px;margin-top:25px}.code-grid{gap:30px;grid-template-columns:1.1fr 1fr}.terminal-content{padding:20px;font-size:.75rem}.terminal-top{padding:13px;font-size:.56rem}.code-notes h3{font-size:1.25rem}.code-notes p{font-size:.87rem}.section-heading{display:block}.section-heading>p{max-width:500px;margin-top:25px}.craft-section{grid-template-columns:1fr 1fr}.craft-copy{padding:50px 28px}.craft-copy h2{font-size:2.7rem}.craft-copy .large-copy{font-size:1.2rem}.craft-copy>p:not(.eyebrow):not(.large-copy){font-size:.9rem}.craft-copy .button{font-size:.8rem;padding:15px}.craft-detail{font-size:.52rem}.art-grid{grid-template-columns:1fr;gap:40px}.art-copy{max-width:600px}.art-figure img{aspect-ratio:1.55;object-position:center}.art-figure figcaption{font-size:.61rem}.now-grid{gap:40px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-copy{max-width:600px}.contact-email{font-size:1.9rem}.axon-panel{max-width:650px}.footer-top{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.strip-signature{display:none}}
@media(max-width:700px){html{scroll-padding-top:88px}body{font-size:16px}.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);min-height:72px;gap:12px}.brand-mark{font-size:35px}.brand-name{font-size:.61rem;letter-spacing:.03em}.brand-name small{font-size:.43rem;letter-spacing:0}.brand{gap:10px}.header-tools{gap:14px}.theme-toggle{min-height:40px;padding:9px}.mobile-menu summary{font-size:.77rem;gap:10px}.mobile-menu nav{right:16px;top:65px}.hero{min-height:0;display:flex;flex-direction:column}.hero-picture{position:relative;inset:auto;display:block;height:390px;z-index:-3}.hero-picture img{position:static;width:100%;height:100%;object-position:center 36%;object-fit:cover}.hero-shade{background:linear-gradient(0deg,#141b19 0%,rgba(20,27,25,.82) 28%,rgba(20,27,25,0) 58%);height:410px;top:0;bottom:auto}.hero-content{position:relative;padding-top:0;padding-bottom:32px;margin-top:-45px}.hero .eyebrow{font-size:.61rem;margin-bottom:23px;letter-spacing:.1em}.small-line{width:20px;margin-right:5px}.hero h1{font-size:clamp(2.6rem,9.8vw,4.2rem);letter-spacing:-.055em;line-height:1.04}.hero h1 em{white-space:nowrap}.hero-description{font-size:1rem;max-width:420px;margin-top:22px}.hero-actions{align-items:flex-start;flex-wrap:wrap;gap:20px;margin-top:26px}.hero-actions .button{padding:15px 18px;font-size:.85rem;min-height:50px}.hero-den-link{font-size:.82rem;padding-block:14px}.hero-footnote{font-size:.53rem;margin-top:30px;letter-spacing:.03em;gap:10px}.hero-footnote a{padding:8px 0}.hero-vertical{font-size:.45rem;right:13px;top:28px;letter-spacing:.15em}.identity-strip{gap:0;justify-content:space-between;padding:22px 20px;font-size:.62rem;letter-spacing:.07em}.section-space{padding-block:65px}.eyebrow{font-size:.66rem;letter-spacing:.1em;margin-bottom:24px}h2{font-size:2.45rem}.story-grid{display:block}.story-aside{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.story-aside .eyebrow{width:100%;margin-bottom:0}.portrait-frame img{width:100px;height:100px}.portrait-caption{font-size:.56rem;margin-top:10px}.story-margin{margin:0;font-size:1.14rem;text-align:right}.story-main h2{font-size:clamp(2.2rem,8.6vw,3.5rem)}.story-main .large-copy{font-size:1.2rem;margin-top:25px}.story-columns{margin-top:24px;font-size:.97rem;line-height:1.8}.story-links{gap:13px 22px;margin-top:22px}.story-links .text-link{font-size:.85rem}.code-heading{margin-bottom:30px}.code-heading h2{font-size:2.6rem}.code-heading>p{font-size:.97rem}.code-grid{grid-template-columns:1fr;gap:30px}.terminal-content{padding:24px 20px;font-size:.78rem}.terminal-top{font-size:.58rem}.code-notes{gap:24px}.code-notes h3{font-size:1.45rem}.code-notes p{font-size:.95rem}.work-grid{grid-template-columns:1fr;gap:37px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:2.6rem}.section-heading>p{font-size:.97rem}.work-card h3{font-size:1.65rem}.work-meta{font-size:.61rem}.work-card-body{padding-top:21px}.work-card p{font-size:.96rem}.lab-word{font-size:5.2rem}.flux-word{font-size:5.1rem}.more-projects{margin-top:35px}.project-directory{grid-template-columns:1fr;gap:0}.project-directory a{font-size:.94rem}.craft-section{display:flex;flex-direction:column}.craft-photo{min-height:0;height:350px}.craft-photo>img{object-position:center 55%}.craft-copy{padding:50px 20px 55px}.craft-copy h2{font-size:3.1rem}.craft-copy .large-copy{font-size:1.25rem;max-width:450px}.craft-copy>p:not(.eyebrow):not(.large-copy){font-size:.98rem;max-width:460px}.craft-copy .button{font-size:.9rem;padding:17px 22px}.craft-detail{font-size:.57rem;max-width:300px}.image-caption{left:20px;bottom:22px;font-size:.56rem}.art-grid{gap:30px}.art-copy h2{font-size:2.55rem}.art-copy>p:not(.eyebrow){font-size:.98rem;margin-top:22px}.art-copy .text-link{font-size:.83rem}.art-figure img{aspect-ratio:1.1;object-position:72% center}.art-figure figcaption{font-size:.49rem;gap:10px}.den-section{min-height:710px;align-items:flex-end}.den-background{object-position:71% center}.den-shade{background:linear-gradient(0deg,rgba(10,26,17,.99),rgba(10,26,17,.86) 38%,rgba(10,26,17,.02) 80%)}.den-copy{padding-block:50px}.den-copy .eyebrow{font-size:.56rem;max-width:250px}.den-copy h2{font-size:3.55rem}.den-copy>p:not(.eyebrow){font-size:.96rem;max-width:310px}.den-address{font-size:.58rem}.now-grid{grid-template-columns:1fr;gap:30px}.now-grid h2{font-size:2.7rem}.now-intro{font-size:1.05rem}.now-date{font-size:.59rem}.now-item{gap:15px}.now-item p{font-size:.92rem}.contact-grid{gap:35px}.contact-copy h2{font-size:2.7rem}.contact-email{font-size:1.7rem}.contact-links{font-size:.77rem}.axon-panel{padding:23px 18px}.axon-heading p{font-size:.69rem}.axon-heading h3{font-size:1.25rem}.axon-quick{gap:7px}.axon-quick button{font-size:.72rem;padding:10px}.axon-bottom{font-size:.62rem}#axon-input{font-size:16px;padding:10px 7px}.site-footer{padding:38px 20px 22px}.footer-top{display:grid;gap:25px}.footer-top>p{font-size:1.05rem}.footer-top>.text-link{justify-self:start}.footer-bottom{display:grid;gap:8px;margin-top:28px;font-size:.58rem}.case-page{padding-top:25px}.breadcrumbs{font-size:.68rem;margin-bottom:40px;gap:8px}.case-header h1{font-size:3rem}.case-header .eyebrow{font-size:.59rem}.case-header{padding-bottom:35px}.case-subtitle{font-size:1.4rem}.case-header .large-copy{font-size:1.13rem}.case-figure figcaption{font-size:.57rem}.case-image{aspect-ratio:1.3;object-fit:cover}.case-body{margin-block:40px}.case-text-section{grid-template-columns:30px 1fr;gap:15px;padding-block:28px}.case-text-section h2{font-size:1.7rem}.case-text-section p{font-size:1rem;margin-top:16px}.case-next{padding-bottom:45px;align-items:flex-start;gap:20px}.case-next .text-link{font-size:.8rem}.case-next strong{font-size:.98rem}.case-next span{font-size:.5rem}.case-flux{aspect-ratio:1.5}.case-flux .flux-word{font-size:5.3rem}}
@media(max-width:360px){.brand-name{font-size:.55rem}.brand-name small{font-size:.38rem}.header-tools{gap:10px}.brand{gap:8px}.hero-actions{gap:10px}.hero-actions .button{padding:14px;font-size:.8rem;gap:15px}.hero-den-link{font-size:.76rem}.hero-footnote{font-size:.48rem}.identity-strip{font-size:.56rem}.hero h1{font-size:9.8vw}.axon-panel{padding-inline:15px}}
.work-meta,.code-notes article>span,.portrait-caption,.craft-detail,.now-date,.den-copy .eyebrow,.case-figure figcaption{font-size:.75rem}.axon-bottom,#axon-reset{font-size:.75rem}.axon-quick button{font-size:.8rem}.footer-bottom{font-size:.7rem}.art-figure figcaption{font-size:.7rem}
@media(max-width:700px){.hero .eyebrow{font-size:.7rem}.story-aside .eyebrow,.eyebrow{font-size:.72rem}.art-figure figcaption{flex-wrap:wrap;row-gap:4px}.brand-name small{display:none}.brand-name{max-width:120px;line-height:1.4}.work-meta{font-size:.7rem}.craft-detail{font-size:.7rem}.den-copy .eyebrow{font-size:.7rem}.footer-bottom{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.work-image-link:hover .work-image{transform:none}}
@media print{.site-header,.hero-actions,.hero-footnote,.theme-toggle,.mobile-menu,.axon-panel,.terminal-details,.case-next{display:none!important}body{background:white;color:black;font-size:12pt}.wrap{width:100%}.section-space{padding-block:30px}.hero{min-height:0;background:white;color:black}.hero-picture,.hero-shade,.hero-vertical{display:none}.hero-content{padding:25px 0;margin:0}.hero h1{font-size:35pt}.hero h1 em{color:black}.hero-description,.eyebrow{color:black!important}.story-grid,.art-grid,.now-grid,.contact-grid{display:block}.craft-section,.code-section,.art-section,.site-footer{background:white;color:black}.craft-photo,.den-section{display:none}.story-aside{display:none}.code-grid{display:block}.terminal-window{background:white;color:black}.terminal-output,.terminal-tools,.terminal-prompt{color:black}.work-card{break-inside:avoid}.footer-top{display:block}.footer-bottom{color:black}}

/* The original personal motto is part of Toni's identity. */
.hero-motto{margin:30px 0 0;max-width:460px;padding:2px 0 2px 20px;border-left:2px solid #e2ac7b;color:#eee8de;font:italic clamp(1.05rem,1.6vw,1.3rem)/1.6 Georgia,serif}.hero-motto strong{font-family:var(--mono);font-size:.9em;font-style:normal;color:#efbd91}
@media(max-width:700px){.hero-motto{margin-top:24px;font-size:1.08rem;padding-left:15px;max-width:420px}}
@media print{.hero-motto,.hero-motto strong{color:black}}