:root{--color-bg: #e0d9d1;--color-text: #000000;--font-main: "Helvetica", Arial, sans-serif;--font-mono: "Space Mono", monospace;--size-base: 15px;--size-hero: 40px;--size-about: 20px;--size-project-title: 30px;--size-mono: 12px;--line-height-hero: 1.1;--line-height-project: 1.2;--grid-cols: 12;--gutter: 20px;--margin-outer: 50px;--header-height: 60px;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .4s ease;--blur-amount: 8px;--cursor-size: 24px;--card-popup: 10px;--card-info-margin: 10px;--project-detail-title-margin: 20px;--contact-links-gap: .5em}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-size:var(--size-base);height:100vh;width:100vw;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-slow)}body.body--scrollable{height:auto;min-height:100vh;overflow-y:auto}body.body--inverted{background-color:var(--color-text);color:var(--color-bg)}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.custom-cursor{position:fixed;top:calc(var(--cursor-size) / -2);left:calc(var(--cursor-size) / -2);width:var(--cursor-size);height:var(--cursor-size);border-radius:50%;background-color:var(--color-bg);mix-blend-mode:difference;pointer-events:none;z-index:9999;opacity:0;transition:opacity 1.5s ease;will-change:transform,opacity}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);column-gap:var(--gutter);padding:0 var(--margin-outer);min-height:100vh;width:100%}.header{position:fixed;top:var(--margin-outer);left:0;width:100%;display:flex;justify-content:center;z-index:1000;font-weight:700}.header--blend{mix-blend-mode:difference;color:var(--color-bg)}.header--with-viola{padding:0 var(--margin-outer)}.header-viola{position:absolute;left:var(--margin-outer);font-weight:700}.nav-links{display:flex;gap:.5ch}.separator{user-select:none}.nav-item--current{font-style:italic}.home-col-left{grid-column:1 / span 4;display:grid;grid-template-columns:subgrid;grid-auto-flow:column;align-items:center;height:100vh;padding:var(--margin-outer) 0;position:relative;transition:filter var(--transition-slow);will-change:filter;backface-visibility:hidden}.home-col-left .viola{grid-column:1;justify-self:start}.home-col-left .viola-text{grid-column:2 / span 3}.home-col-left .hero-text{position:absolute;bottom:var(--margin-outer);left:0}.home-col-right{grid-column:9 / span 4;display:grid;grid-template-columns:subgrid;grid-auto-flow:column;align-items:center;justify-items:end;height:100vh;padding:var(--margin-outer) 0;position:relative;transition:filter var(--transition-slow);will-change:filter;backface-visibility:hidden}.home-col-right .about{grid-column:4}.home-col-right .about-text{grid-column:1 / span 3;justify-self:stretch}.home-col-right .contact-container{position:absolute;bottom:var(--margin-outer);right:0}.saxophonist{grid-column:5 / span 4;display:flex;align-items:flex-end;justify-content:center;height:100vh;padding:var(--margin-outer) 0;transition:filter var(--transition-slow);will-change:filter;backface-visibility:hidden}.label{display:flex;align-items:center;font-weight:700;cursor:default}.about-text{font-size:var(--size-about)}.about-text,.viola-text{opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.viola:hover~.viola-text,.viola.is-snapped~.viola-text,.about:hover~.about-text,.about.is-snapped~.about-text{opacity:1;pointer-events:auto}.hero-text{font-size:var(--size-hero);line-height:var(--line-height-hero);font-weight:700}.hero-text .italic-word{transition:font-style}.hero-text:hover .italic-word{font-style:italic}.contact-container{display:flex;flex-direction:column;align-items:flex-end}.contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:var(--contact-links-gap);margin-bottom:calc(-.5 * var(--contact-links-gap));padding-bottom:calc(.75 * var(--contact-links-gap));pointer-events:none}.contact-links a{opacity:0;transform:translateY(calc((var(--total) - var(--index)) * 3 * var(--contact-links-gap)));transition:opacity var(--transition-medium),transform var(--transition-medium)}.contact-links a:hover{font-style:italic}.contact-container:has(.contact:hover) .contact-links,.contact-container:has(.contact.is-snapped) .contact-links,.contact-links:hover{pointer-events:auto}.contact-container:has(.contact:hover) .contact-links a,.contact-container:has(.contact.is-snapped) .contact-links a,.contact-links:hover a{opacity:1;transform:translateY(0)}.preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity var(--transition-medium);z-index:50;will-change:opacity;transform:translateZ(0)}.preview-image{position:absolute}body.body--home:has(.nav-item[href="/graphic"]:hover) .home-col-left,body.body--home:has(.nav-item[href="/graphic"]:hover) .home-col-right,body.body--home:has(.nav-item[href="/graphic"]:hover) .saxophonist,body.body--home:has(.nav-item[href="/graphic"].is-snapped) .home-col-left,body.body--home:has(.nav-item[href="/graphic"].is-snapped) .home-col-right,body.body--home:has(.nav-item[href="/graphic"].is-snapped) .saxophonist,body.body--home:has(.nav-item[href="/illustration"]:hover) .home-col-left,body.body--home:has(.nav-item[href="/illustration"]:hover) .home-col-right,body.body--home:has(.nav-item[href="/illustration"]:hover) .saxophonist,body.body--home:has(.nav-item[href="/illustration"].is-snapped) .home-col-left,body.body--home:has(.nav-item[href="/illustration"].is-snapped) .home-col-right,body.body--home:has(.nav-item[href="/illustration"].is-snapped) .saxophonist{filter:blur(var(--blur-amount))}body.body--home:has(.nav-item[href="/graphic"]:hover) .preview-graphic,body.body--home:has(.nav-item[href="/graphic"].is-snapped):not(:has(.nav-item[href="/illustration"]:hover)) .preview-graphic{opacity:1}body.body--home:has(.nav-item[href="/illustration"]:hover) .preview-illustration,body.body--home:has(.nav-item[href="/illustration"].is-snapped):not(:has(.nav-item[href="/graphic"]:hover)) .preview-illustration{opacity:1}body.body--home:has(.nav-item[href="/illustration"]:hover),body.body--home:has(.nav-item[href="/illustration"].is-snapped):not(:has(.nav-item[href="/graphic"]:hover)){background-color:var(--color-text);color:var(--color-bg)}.projects-grid{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;padding-top:calc(var(--margin-outer) + var(--header-height));padding-bottom:var(--margin-outer);align-items:start;row-gap:calc(var(--gutter) * 2)}.project-card{grid-column:span 4;display:grid;grid-template-columns:subgrid;transition:transform var(--transition-medium)}.project-card:hover{transform:translateY(calc(-1 * var(--card-popup)))}.project-info{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline;margin-bottom:var(--card-info-margin);opacity:0;transition:opacity var(--transition-medium)}.project-card:hover .project-info{opacity:1}.project-title{grid-column:1 / span 2;font-weight:700}.project-category{grid-column:3 / span 2;font-family:var(--font-mono);font-size:var(--size-mono)}.project-cover{grid-column:1 / -1;width:100%;overflow:hidden}.project-images-column{grid-column:5 / -1;display:flex;flex-direction:column;margin-right:calc(-1 * var(--margin-outer))}.project-info-column{grid-column:1 / span 3;position:sticky;top:0;height:100vh;padding:var(--margin-outer) 0;display:grid;grid-template-columns:subgrid;align-content:center}.project-detail-title{grid-column:1 / -1;font-size:var(--size-project-title);font-weight:700;line-height:var(--line-height-project)}.project-detail-meta{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline;margin-top:var(--card-info-margin);margin-bottom:var(--card-info-margin);font-size:var(--size-mono);font-family:var(--font-mono)}.project-detail-client{grid-column:1}.project-detail-category{grid-column:2 / span 2}.project-detail-description{grid-column:1 / span 3}.project-nav{position:fixed;bottom:var(--margin-outer);left:var(--margin-outer);right:var(--margin-outer);display:flex;justify-content:space-between;pointer-events:none}.project-nav-link{pointer-events:auto}.project-nav-next{mix-blend-mode:difference;color:var(--color-bg)}.project-image{width:100%}video{width:100%;display:block}.illustration-grid{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;padding-top:calc(var(--margin-outer) + var(--header-height));padding-bottom:var(--margin-outer);align-items:start}.illustration-col{grid-column:span 4;display:flex;flex-direction:column;gap:var(--gutter)}.mobile-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);z-index:10000;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--margin-outer)}.mobile-warning-image{max-width:80%;max-height:40vh;width:auto;height:auto;margin-bottom:2rem}.mobile-warning-text{font-size:var(--size-about);line-height:1.4}@media(max-width:768px){.mobile-warning{display:flex}body:not(.body--scrollable){overflow:hidden}.grid-container,.header,.custom-cursor{display:none}}.grid-debug{position:fixed;inset:0;display:grid;grid-template-columns:var(--margin-outer) 1fr var(--margin-outer);grid-template-rows:var(--margin-outer) 1fr var(--margin-outer);pointer-events:none;z-index:9998}.grid-debug-margin{background:#90ee9033}.grid-debug-columns{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);background:#ffb6c133}.grid-debug-columns>div{background:#add8e64d}