.app{position:relative;background:var(--bg);color:var(--text);overflow-x:hidden}.grain-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.4;background-image:url(/grain.png);background-size:200px 200px;animation:grainShift 55s linear infinite}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;border-radius:50%;background:var(--text);pointer-events:none;z-index:1000;will-change:transform}.cursor-ring{position:fixed;top:0;left:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--text);pointer-events:none;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1)}.cursor-ring-label{font:600 9px Instrument Sans,sans-serif;letter-spacing:.08em;color:var(--text);white-space:nowrap}.cursor-ring--label{background:var(--text)}.cursor-ring--label .cursor-ring-label{color:var(--bg)}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:transform .8s cubic-bezier(.76,0,.24,1)}.preloader-text{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(2rem,7vw,3.5rem);color:var(--text);transition:opacity .5s ease}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,2.4vw,26px) clamp(20px,5vw,56px);background:#f9f8f5b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid oklch(90% .004 90 / .6)}.nav-wordmark{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--text)}.nav-links{display:flex;gap:clamp(20px,3vw,36px)}.nav-links a{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:13px;letter-spacing:.04em;display:inline-block}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,5vw,56px);position:relative}.hero-eyebrow{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:clamp(11px,1vw,13px);letter-spacing:.14em;color:var(--muted);margin-bottom:clamp(18px,3vw,30px)}.hero-headline,.hero-line-mask{overflow:hidden}.hero-line,.hero-line3{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:clamp(2.6rem,8.4vw,6.4rem);line-height:.98;letter-spacing:-.02em;color:var(--text)}.hero-word{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:clamp(2.6rem,8.4vw,6.4rem);line-height:.98;letter-spacing:-.02em;color:var(--accent);display:inline-block;border-bottom:3px dashed var(--accent);padding-bottom:4px;transition:opacity .22s ease,transform .22s ease}.hero-subtext{max-width:460px;margin-top:clamp(24px,4vw,40px);font-family:Instrument Sans,sans-serif;font-size:clamp(15px,1.6vw,17px);line-height:1.55;color:var(--muted)}.hero-availability{margin-top:clamp(18px,2.5vw,26px);display:flex;align-items:center;gap:8px}.hero-availability span:last-child{font-family:Instrument Sans,sans-serif;font-size:13px;color:var(--muted);letter-spacing:.02em}.availability-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.scroll-cue{position:absolute;bottom:clamp(24px,4vw,40px);left:clamp(20px,5vw,56px);display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-cue span:first-child{font-family:Instrument Sans,sans-serif;font-size:11px;letter-spacing:.16em;color:var(--muted)}.scroll-cue-arrow{display:inline-block;animation:bounceCue 1.8s ease-in-out infinite;color:var(--muted);font-size:14px}.overline{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:clamp(12px,1.1vw,14px);letter-spacing:.1em;color:var(--text)}.work-section{padding:clamp(80px,10vw,140px) clamp(20px,5vw,56px)}.work-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:clamp(20px,3vw,28px);margin-bottom:clamp(8px,1vw,12px)}.work-header-range{font-family:Instrument Sans,sans-serif;font-size:13px;color:var(--muted)}.project-row{display:flex;align-items:center;justify-content:space-between;padding:clamp(26px,3.6vw,40px) clamp(8px,1vw,12px);border-bottom:1px solid var(--line);cursor:pointer}.project-row-left{display:flex;align-items:baseline;gap:clamp(18px,3vw,32px)}.project-index{font-family:Instrument Sans,sans-serif;font-size:13px;color:var(--muted);width:28px;display:inline-block}.project-title{font-family:Bricolage Grotesque,sans-serif;font-weight:500;font-size:clamp(1.7rem,4vw,2.9rem);letter-spacing:-.01em;transition:color .3s ease}.project-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);font-size:16px;color:var(--text);transition:transform .4s cubic-bezier(.65,0,.35,1)}.project-panel{overflow:hidden;transition:max-height .5s cubic-bezier(.65,0,.35,1),opacity .35s ease}.project-panel-inner{padding:clamp(20px,3vw,32px) clamp(8px,1vw,12px) clamp(32px,4vw,44px) clamp(46px,7vw,72px);display:flex;flex-direction:column;gap:16px;max-width:640px}.project-meta{font-family:Instrument Sans,sans-serif;font-size:13px;letter-spacing:.06em;color:var(--accent)}.project-blurb{font-family:Instrument Sans,sans-serif;font-size:clamp(15px,1.6vw,17px);line-height:1.55;color:var(--text);margin:0}.project-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:Instrument Sans,sans-serif;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:5px 12px}.project-links{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,32px)}.project-code-link{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:13px;letter-spacing:.03em;display:inline-block}.preview-swatch-wrap{position:fixed;top:0;left:0;pointer-events:none;z-index:998}.preview-swatch{width:220px;height:150px;overflow:hidden;position:relative;border:1px solid var(--line);background:var(--bg);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.preview-media{width:100%;height:100%;object-fit:cover}.preview-media-icon{width:45%;height:45%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);image-rendering:-webkit-optimize-contrast}.preview-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,var(--line) 0px,var(--line) 1px,transparent 1px,transparent 14px)}.about-section{padding:clamp(80px,10vw,140px) clamp(20px,5vw,56px)}.about-statement{font-family:Bricolage Grotesque,sans-serif;font-weight:500;font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.35;letter-spacing:-.01em;color:var(--text);max-width:840px;margin:clamp(24px,3vw,36px) 0 clamp(48px,6vw,72px)}.toolkit-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.toolkit-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(8px,2vw,24px);padding:clamp(16px,2vw,22px) 0;border-bottom:1px solid var(--line)}.toolkit-row .toolkit-label{flex:0 0 clamp(120px,18vw,200px)}.toolkit-row .toolkit-items{flex:1 1 260px}.toolkit-label{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:12px;letter-spacing:.08em;color:var(--muted);padding-top:2px}.toolkit-items{display:flex;flex-wrap:wrap;gap:8px}.contact-section{padding:clamp(80px,10vw,140px) clamp(20px,5vw,56px)}.contact-mail-row{margin-top:clamp(20px,3vw,28px)}.contact-mail{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:clamp(2rem,6.5vw,4.6rem);color:var(--text);background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;transition:background-size .4s cubic-bezier(.65,0,.35,1);padding-bottom:6px;display:inline-block}.contact-mail:hover{background-size:100% 2px;color:var(--text)}.contact-links{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,32px);margin-top:clamp(40px,5vw,56px)}.contact-links a{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:14px;display:inline-block}.footer{display:flex;justify-content:space-between;align-items:center;padding:clamp(24px,3vw,32px) clamp(20px,5vw,56px);border-top:1px solid var(--line)}.footer-copy{font-family:Instrument Sans,sans-serif;font-size:12px;color:var(--muted)}.footer-top{font-family:Instrument Sans,sans-serif;font-size:12px;font-weight:500;display:inline-block}:root{--bg: oklch(98% .004 90);--text: oklch(20% .006 90);--muted: oklch(52% .006 90);--line: oklch(90% .004 90);--wash: oklch(96% .004 90);--accent: oklch(56% .1 145)}*{box-sizing:border-box}html,body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:Instrument Sans,sans-serif;overflow-x:hidden}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}@keyframes grainShift{0%{background-position:0 0}to{background-position:-200px 0}}@keyframes bounceCue{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}