:root{--font-heading: "Clash Display", sans-serif;--font-body: "JetBrains Mono", monospace;--font-accent: "JetBrains Mono", monospace;--color-bg: #f4f1ea;--color-panel: #fffdf8;--color-ink: #111111;--color-muted: #55514a;--color-border: #111111;--color-accent: #ef5b2a;--color-accent-soft: #ffd8c9;--shadow-hard: 8px 8px 0 0 var(--color-border);--max-width: 1180px;--section-padding: clamp(3rem, 5vw, 4.75rem)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 1px),linear-gradient(rgba(17,17,17,.06) 1px,transparent 1px),var(--color-bg);background-size:36px 36px,36px 36px,auto;color:var(--color-ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;width:min(34vw,420px);height:min(28vw,320px);background:var(--color-accent);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.12;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:.92}p{max-width:70ch;color:var(--color-muted)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}main{padding:4.75rem 1rem 1.25rem}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;background:#f4f1eaf2;border-bottom:3px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}nav:before{content:"NK / PORTFOLIO";font-size:.78rem;letter-spacing:.08em;font-weight:700}nav a{padding:.55rem .8rem;border:2px solid transparent;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer}nav a:hover{background:var(--color-accent);border-color:var(--color-border);box-shadow:4px 4px 0 0 var(--color-border);transform:translate(-2px,-2px)}section{width:min(100%,var(--max-width));margin:0 auto 1rem;padding:var(--section-padding) clamp(1.2rem,2vw,2rem);scroll-margin-top:6rem;border:3px solid var(--color-border);background:var(--color-panel);box-shadow:var(--shadow-hard)}.section{position:relative}.section:before{content:attr(id);position:absolute;top:1rem;right:1rem;font-size:.74rem;font-weight:700;letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase}.fade-in{opacity:1;transform:none;animation:none}.accent,.section-kicker,.timeline-meta,.contact-footer,.project-index{font-family:var(--font-accent);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.section-kicker{display:inline-block;margin-bottom:1rem;padding:.3rem .55rem;border:2px solid var(--color-border);background:var(--color-accent-soft);color:var(--color-ink)}.hero-title{max-width:9ch;font-size:clamp(3.4rem,10vw,7.4rem);margin-bottom:1rem;letter-spacing:-.035em}.hero-subtitle{font-family:var(--font-body);font-weight:400;text-transform:none;letter-spacing:0;max-width:34rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;margin-bottom:1rem;color:var(--color-ink)}.hero-copy{min-width:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:2rem;align-items:end}.hero-note{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:1.25rem;border:3px solid var(--color-border);background:var(--color-accent);box-shadow:6px 6px 0 0 var(--color-border)}.hero-note p{color:var(--color-ink)}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.4rem}.button-glass{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1.2rem;border:3px solid var(--color-border);background:var(--color-panel);color:var(--color-ink);font-family:var(--font-accent);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:6px 6px 0 0 var(--color-border);cursor:pointer}.button-glass:hover{background:var(--color-accent);color:var(--color-ink)}.button-glass-highlight,.button-glass-shadow{display:none}.button-glass-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.7rem}.button-glass-icon{display:inline-flex;align-items:center;justify-content:center}.experience-section,.projects-section,#contact{display:block}.experience-title,.projects-title,.contact-title{font-size:clamp(2.2rem,6vw,4.5rem);margin-bottom:1.25rem}.experience-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.experience-intro{position:sticky;top:7rem;padding:1.15rem;border:3px solid var(--color-border);background:var(--color-ink);color:var(--color-panel);box-shadow:6px 6px 0 0 var(--color-border)}.experience-intro .section-kicker{background:var(--color-panel);color:var(--color-ink)}.experience-intro .experience-title,.experience-intro .experience-summary{color:var(--color-panel)}.experience-title{max-width:8ch}.experience-summary{max-width:34ch;font-size:.95rem;line-height:1.7}.experience-list{display:grid;gap:.85rem}.experience-card{padding:1.15rem;border:3px solid var(--color-border);background:var(--color-panel);box-shadow:6px 6px 0 0 var(--color-border);display:grid;gap:.7rem}.timeline-content,.project-feature,.project-card,.contact-panel{padding:1.4rem;border:3px solid var(--color-border);background:var(--color-panel);box-shadow:6px 6px 0 0 var(--color-border)}.glass{background:var(--color-panel);border-radius:0;box-shadow:6px 6px 0 0 var(--color-border)}.experience-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.experience-role{font-size:clamp(1.25rem,2vw,1.8rem)}.experience-company,.experience-period{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.experience-company{color:var(--color-ink)}.experience-description{font-size:.97rem;line-height:1.75}.projects-section{position:relative}.projects-header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.projects-title{margin-bottom:0}.projects-editorial-grid{display:grid;gap:.85rem}.project-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1rem;align-items:start}.project-supporting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.project-card{display:grid;gap:.85rem;align-content:start}.project-image-frame{position:relative;border:3px solid var(--color-border);background:#e6e6e6;overflow:hidden}.project-image-frame:before{content:"Preview";position:absolute;top:0;left:0;padding:.45rem .7rem;border-right:3px solid var(--color-border);border-bottom:3px solid var(--color-border);background:var(--color-panel);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;z-index:1}.project-image-frame-featured .project-image{aspect-ratio:16 / 8.5}.project-image{width:100%;aspect-ratio:16 / 8.75;object-fit:cover}.project-feature-copy,.project-card-copy{display:grid;align-content:start;gap:.75rem}.project-feature-copy h3,.project-card-copy h3{font-size:clamp(1.5rem,3vw,2.4rem)}.project-card-copy h3{font-size:clamp(1.2rem,2.1vw,1.8rem)}.project-feature-copy p,.project-card-copy p{font-size:.94rem;line-height:1.65}.project-meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-year{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.project-outcome{padding-top:.55rem;border-top:2px solid var(--color-border);color:var(--color-ink)}.project-link{display:inline-flex;align-items:center;width:fit-content;padding-bottom:.15rem;border-bottom:2px solid var(--color-border);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.project-link:hover{background:var(--color-ink);color:var(--color-panel);padding:.2rem .45rem;border-bottom-width:0}.contact-text{max-width:42rem;font-size:.96rem;line-height:1.7;margin-bottom:1.4rem;color:var(--color-ink)}@media(max-height:900px){:root{--section-padding: clamp(2.4rem, 4vw, 3.5rem)}main{padding-top:4.35rem}}.contact-links{display:flex;flex-wrap:wrap;gap:1rem}.contact-button{min-width:12rem}.contact-footer{margin-top:2rem;color:var(--color-muted)}.coming-soon{opacity:.55;cursor:not-allowed}@media(max-width:900px){nav{flex-wrap:wrap;justify-content:center}nav:before{width:100%;text-align:center}.hero-grid,.experience-layout,.project-feature,.project-supporting-grid{grid-template-columns:1fr}.hero-note{min-height:auto}.experience-intro{position:static}}@media(max-width:1080px){.hero-grid{grid-template-columns:1fr}.hero-note{min-height:auto}}@media(max-width:640px){body{background-size:24px 24px,24px 24px,auto}main{padding-top:7.5rem}section{padding:3.5rem 1rem 1rem;box-shadow:5px 5px 0 0 var(--color-border)}.section:before{top:.7rem;right:.7rem}.hero-title,.experience-title,.projects-title,.contact-title{word-break:break-word}.timeline-item{padding-left:2.6rem}.timeline-dot{width:1.6rem;height:1.6rem}.button-glass,.contact-button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}