@layer reset, base, components, responsive;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, h1, h2, h3, p { margin: 0; }
  button, input { font: inherit; }
  a { color: inherit; text-decoration: none; }
  button { cursor: pointer; }
}
@layer base {
  :root { color-scheme: dark; --bg:#111310; --surface:#181b16; --fg:#f0f0e8; --muted:#a5aa9e; --accent:#c9f27d; --line:#30352a; --mono: 'Cascadia Code', 'SFMono-Regular', Consolas, monospace; --sans: 'Segoe UI Variable Display', 'Segoe UI', Arial, sans-serif; }
  html { scroll-behavior:smooth; scroll-padding-top:108px; }
  body { background:var(--bg); color:var(--fg); font-family:var(--sans); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
  ::selection { background:var(--accent); color:var(--bg); }
  :focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
  h1,h2,h3 { font-weight:500; line-height:1.08; }
  h2 { font-size:clamp(2.2rem,4vw,3.8rem); letter-spacing:-.055em; }
  h2 > span { color:var(--muted); }
  p { text-wrap:pretty; }
  button { color:inherit; }
  .container { width:min(1280px,calc(100% - 112px)); margin-inline:auto; }
  .section { padding-block:108px; }
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
}
@layer components {
  .opening-intro { position:fixed; inset:0; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:clamp(22px,4vw,56px); border:0; color:var(--fg); background:#11170e; overflow:hidden; }
  .opening-intro:not([open]) { display:none; }
  .opening-intro[open] { display:flex; flex-direction:column; justify-content:space-between; animation:intro-curtain 2.6s cubic-bezier(.76,0,.24,1) both; }
  .opening-intro::backdrop { background:transparent; }
  .opening-intro::before { content:''; position:absolute; inset:0; background:linear-gradient(110deg,transparent 35%,#c9f27d0a),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#c9f27d12 25%); pointer-events:none; }
  .intro-topline,.intro-bottomline { position:relative; display:flex; justify-content:space-between; align-items:center; gap:18px; font:12px var(--mono); letter-spacing:1.5px; }
  .intro-topline { border-bottom:1px solid #465638; padding-bottom:18px; color:#b9c9a8; }
  .intro-topline > span:last-child { font-size:22px; color:var(--accent); }
  .intro-center { position:relative; margin:auto; width:min(760px,100%); padding-block:24px; }
  .intro-label { font:clamp(10px,1.1vw,13px) var(--mono); color:#b9c9a8; letter-spacing:1.8px; margin-bottom:22px; }
  .intro-brand { font-size:clamp(4rem,min(14vw,19vh),11.5rem); letter-spacing:-.075em; line-height:.88; font-weight:550; }
  .intro-brand > span { display:block; animation:intro-letter-rise .75s cubic-bezier(.2,.7,.2,1) both; }
  .intro-brand > span:last-child { color:var(--accent); animation-delay:.12s; }
  .intro-dot { color:var(--fg); }
  .intro-track { height:2px; background:#3e4c30; margin-top:36px; overflow:hidden; }
  .intro-track > span { display:block; height:100%; background:var(--accent); transform-origin:left; animation:intro-line 1.5s cubic-bezier(.2,.7,.2,1) both; }
  .intro-bottomline { color:#b9c9a8; font-size:11px; }
  .intro-arrow { display:inline-block; color:var(--accent); font-size:22px; vertical-align:middle; margin-left:9px; }
  #skip-intro { border:1px solid #647b4c; color:var(--accent); background:none; border-radius:4px; min-height:44px; padding:10px 15px; font:12px var(--mono); }
  #skip-intro:hover { background:#c9f27d12; }
  #skip-intro > span { margin-left:15px; }
  .intro-is-active .entrance { animation-play-state:paused; }
  @keyframes intro-curtain { 0%,58% { transform:translateY(0); } 100% { transform:translateY(-101%); } }
  @keyframes intro-letter-rise { from { opacity:0; transform:translateY(35px); } to { opacity:1; transform:translateY(0); } }
  @keyframes intro-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
  .skip-link { position:fixed; top:10px; left:16px; transform:translateY(-160%); background:var(--accent); color:var(--bg); padding:10px 20px; z-index:100; }
  .skip-link:focus { transform:none; }
  .site-header { position:sticky; top:0; z-index:50; background:#111310f2; border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
  .nav-shell { min-height:87px; display:flex; align-items:center; justify-content:space-between; }
  .wordmark { font-size:30px; line-height:1.2; font-weight:650; letter-spacing:-1.6px; }
  .wordmark span { color:var(--accent); }
  nav { display:flex; align-items:center; gap:34px; }
  nav a { color:var(--muted); font-size:14px; transition:color .2s; }
  nav a:hover,nav a[aria-current] { color:var(--fg); }
  nav a[aria-current]::before { content:''; display:inline-block; width:5px; height:5px; margin:0 7px 3px 0; border-radius:50%; background:var(--accent); }
  nav .nav-cta { border:1px solid #505942; color:var(--fg); padding:10px 19px; margin-left:12px; border-radius:4px; }
  .nav-cta span { margin-left:22px; color:var(--accent); }
  .nav-cta:hover { background:var(--surface); border-color:var(--accent); }
  .menu-toggle { display:none; }
  .hero { display:grid; grid-template-columns:1.12fr 1fr; column-gap:60px; align-items:center; min-height:calc(100svh - 87px); padding-top:64px; }
  .hero-content { translate:0 var(--hero-copy-y,0px); }
  .hero .developer-visual { translate:0 var(--hero-canvas-y,0px); rotate:var(--hero-canvas-turn,0deg); transform-origin:50% 40%; }
  .hero .orbit-one { rotate:var(--hero-orbit-turn,0deg); }
  .hero .orbit-two { rotate:calc(-1 * var(--hero-orbit-turn,0deg)); }
  .hero .canvas-code { scale:var(--hero-code-scale,1); }
  .eyebrow { font-family:var(--mono); font-size:12px; letter-spacing:1.9px; display:flex; align-items:center; gap:11px; }
  .status-dot { display:inline-block; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px #c9f27d0b; }
  .hero h1 { font-size:clamp(3.15rem,5.2vw,5.1rem); font-weight:550; letter-spacing:-.064em; line-height:1.035; margin:28px 0; }
  .hero h1 > span:not(.headline-period) { color:var(--accent); }
  .hero h1 .headline-period { color:var(--accent); }
  .hero-description { color:var(--muted); font-size:17px; line-height:1.8; max-width:430px; }
  .hero-actions { display:flex; gap:14px; align-items:center; margin-top:33px; }
  .button { min-height:52px; display:inline-flex; gap:30px; align-items:center; justify-content:space-between; padding:13px 22px; border-radius:4px; font-size:14px; font-weight:600; transition:background .2s,transform .2s; }
  .button span { font-size:20px; transition:transform .2s; }
  .button:hover span { transform:translate(2px,-2px); }
  .button-primary { background:var(--accent); color:#17200e; }
  .button-primary:hover { background:#d8ffa1; transform:translateY(-2px); }
  .button-text { color:var(--fg); gap:25px; }
  .button-text:hover { background:var(--surface); }
  .hero-note { color:#929a88; font-size:12px; font-family:var(--mono); margin-top:38px; }
  .hero-note span { color:var(--accent); margin-right:10px; font-size:16px; }
  .developer-visual { position:relative; max-width:525px; width:100%; justify-self:end; padding-bottom:26px; }
  .canvas-top { display:flex; align-items:center; justify-content:space-between; color:#a7b098; font:11px var(--mono); letter-spacing:1px; padding-bottom:14px; border-bottom:1px solid var(--line); }
  .canvas-top i { display:inline-block; width:5px; height:5px; background:var(--accent); margin:0 7px 2px 0; }
  .canvas-grid { height:310px; position:relative; overflow:hidden; background-image:linear-gradient(#52653d20 1px,transparent 1px),linear-gradient(90deg,#52653d20 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(transparent,#000 10%,#000 94%,transparent); }
  .canvas-grid::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at center,#b7ee5620,transparent 65%); }
  .canvas-code { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font:96px var(--mono); font-weight:400; letter-spacing:-18px; color:var(--accent); padding-right:18px; text-shadow:0 0 40px #c9f27d20; }
  .canvas-code span { color:#eef7df; }
  .orbit { position:absolute; top:50%; left:50%; width:290px; height:185px; border:1px solid #a0be705a; border-radius:50%; transform:translate(-50%,-50%) rotate(-33deg); }
  .orbit-two { transform:translate(-50%,-50%) rotate(33deg); border-color:#a0be703b; }
  .orbit-three { width:265px; height:265px; border-style:dashed; border-color:#a0be702b; animation:orbit-spin 70s linear infinite; }
  .orbit-point { position:absolute; background:var(--accent); width:7px; height:7px; border-radius:50%; box-shadow:0 0 18px #c9f27d70; }
  .point-one { left:27%; top:30%; } .point-two { right:26%; bottom:27%; width:4px; height:4px; }
  .coordinate { position:absolute; font:10px var(--mono); color:#9eac8c; letter-spacing:1.2px; }
  .coord-top { top:18px; left:0; }.coord-bottom { right:0; bottom:20px; }
  .crosshair { position:absolute; color:#829070; font:22px var(--mono); }.crosshair-one { top:16px; right:0; }.crosshair-two { bottom:14px; left:0; }
  .code-editor { background:#1b1e18; border:1px solid #3b4432; border-radius:8px; width:94%; margin:-5px auto 0; position:relative; box-shadow:0 18px 65px #0003; transform:rotate(-2deg); transition:transform .35s; }
  .developer-visual:hover .code-editor { transform:rotate(0); }
  .editor-title { display:flex; justify-content:space-between; align-items:center; color:#a5af99; font:11px var(--mono); padding:13px 18px; border-bottom:1px solid #333c29; margin-bottom:15px; }
  .editor-title i,.window-dots i { display:inline-block; border-radius:50%; background:#63714f; width:6px; height:6px; margin-right:5px; }
  .editor-title i:first-child { background:#b7c49f; }.editor-title i:last-child { background:#3e4a30; }
  .code-line { display:flex; align-items:baseline; font-size:12px; line-height:1.95; }
  .line-number { color:#747e69; width:42px; text-align:center; flex-shrink:0; font-family:var(--mono); }
  code { font-family:var(--mono); font-weight:400; white-space:pre; }
  code em { color:#acb8c7; font-style:normal; } code b { color:var(--accent); font-weight:400; }
  .cursor { display:inline-block; width:6px; height:13px; background:var(--accent); margin-left:5px; vertical-align:middle; animation:blink 1.2s steps(2,start) infinite; }
  .editor-footer { border-top:1px solid #333c29; margin-top:18px; padding:10px 15px; display:flex; justify-content:space-between; font:10px var(--mono); color:#a5af99; }
  .editor-footer i { display:inline-block; width:4px; height:4px; background:var(--accent); border-radius:50%; margin-right:6px; vertical-align:middle; }
  .canvas-index { display:block; text-align:center; font:9px var(--mono); letter-spacing:1px; color:#939f85; margin-top:20px; }
  .hero-bottom { grid-column:1/-1; align-self:end; display:flex; justify-content:space-between; align-items:center; margin-top:52px; padding:26px 0; color:#959d8c; font:10px var(--mono); letter-spacing:1.2px; }
  .hero-bottom { position:relative; }
  .hero-bottom::after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--accent); transform:scaleX(var(--hero-progress,0)); transform-origin:left center; pointer-events:none; }
  .hero-bottom a { display:flex; align-items:center; gap:12px; min-height:44px; }
  .scroll-indicator { font-size:18px; color:var(--accent); display:grid; place-items:center; width:32px; height:40px; border:1px solid #53603f; border-radius:18px; animation:scroll-nudge 1.8s ease-in-out 3; }
  .principle-strip { border-block:1px solid var(--line); background:#171a14; }
  .principle-strip > div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:24px; }
  .principle-strip span { font-size:16px; color:#c4cabd; letter-spacing:-.25px; }.principle-strip i { color:var(--accent); font-size:20px; font-style:normal; }
  .section-label { font:11px var(--mono); color:#b5bca9; letter-spacing:1.4px; display:flex; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid var(--line); margin-bottom:47px; }.section-label span:last-child { color:#939d87; }
  .about-layout { display:grid; grid-template-columns:1fr 1fr; gap:76px; }.about-copy p { color:var(--muted); margin-bottom:20px; line-height:1.85; }.about-copy p:first-child { color:#d7dacd; }.about-signature { font-size:49px; font-weight:300; font-style:italic; letter-spacing:-4px; margin-top:36px; color:var(--accent); }.about-signature span { margin-left:23px; font-size:28px; font-style:normal; }
  .highlight-grid { margin-top:44px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.highlight { padding:32px 27px 0 0; }.highlight + .highlight { padding-left:25px; border-left:1px solid var(--line); }.small-icon { font:23px var(--mono); color:var(--accent); display:block; height:40px; }.highlight h3 { font-size:16px; margin:12px 0; font-weight:550; }.highlight p { color:var(--muted); font-size:14px; line-height:1.75; }
  .skills-section { background:#171a15; border-block:1px solid var(--line); }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:42px; }.section-heading > p { color:var(--muted); font-size:15px; line-height:1.8; }
  .skills-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.skill-card { border:1px solid #39412f; padding:29px; background:#1b1f18; transition:border-color .25s,background .25s; border-radius:5px; }.skill-card:hover,.skill-card[open] { border-color:#819263; background:#20261a; }.skill-card summary { display:flex; align-items:center; list-style:none; cursor:pointer; gap:18px; min-height:48px; }.skill-card summary::-webkit-details-marker { display:none; }.skill-symbol { color:var(--accent); width:45px; height:45px; display:grid; place-items:center; font:22px var(--mono); border:1px solid #465437; border-radius:4px; }.skill-title { font-size:21px; letter-spacing:-.6px; }.skill-toggle { margin-left:auto; font-size:20px; color:var(--muted); }.skill-card[open] .skill-toggle { transform:rotate(45deg); }.skill-description { color:var(--muted); font-size:14px; margin-top:17px; }.skill-content { border-top:1px solid #3c4532; margin-top:22px; padding-top:20px; }.placeholder-label { font:10px var(--mono); color:var(--accent); letter-spacing:1.2px; }.skill-placeholder { margin-top:8px; color:var(--muted); font-size:14px; }.skill-tags { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0; padding:0; }.skill-tags li { border:1px solid var(--line); padding:5px 10px; border-radius:3px; font:13px var(--mono); }.skills-footnote { font:12px var(--mono); color:var(--muted); margin-top:25px; display:flex; align-items:center; gap:10px; }
  .philosophy-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:52px; }.philosophy { border-top:1px solid #53603f; padding-top:22px; position:relative; }.item-number { color:var(--accent); font:12px var(--mono); }.philosophy h3 { margin:37px 0 14px; font-size:20px; letter-spacing:-.5px; line-height:1.3; }.philosophy p { color:var(--muted); font-size:14px; line-height:1.8; }.philosophy-mark { position:absolute; right:0; top:18px; color:#8d9c7b; font-size:19px; transition:transform .25s,color .25s; }.philosophy:hover .philosophy-mark { color:var(--accent); transform:translate(3px,-3px); }
  .terminal-section { padding-top:45px; display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:center; }.terminal-intro .eyebrow { color:#bac1b0; margin-bottom:24px; }.terminal-intro h2 { font-size:clamp(2rem,3.2vw,3rem); }.terminal-intro > p:not(.eyebrow) { color:var(--muted); margin-top:23px; }.terminal-hint { margin-top:27px; font-size:12px; color:#b5bca9; }.terminal-hint > span { color:var(--accent); font-size:18px; margin-right:7px; }.terminal-hint code { color:var(--accent); }.terminal-intro .simulation-note { font-size:12px; margin-top:11px; }
  .terminal { min-width:0; border:1px solid #424b37; border-radius:7px; background:#151811; overflow:hidden; }.terminal-titlebar { background:#20251a; padding:15px 18px; display:flex; justify-content:space-between; align-items:center; gap:10px; font:11px var(--mono); color:#aeb8a0; border-bottom:1px solid #3a432f; }.window-dots { display:flex; }.window-dots i:first-child { background:#c1caa9; }.window-dots i:nth-child(2) { background:#92a275; }.terminal-body { padding:25px 24px 13px; font-family:var(--mono); font-size:12px; }.terminal-welcome { color:#cdd6c0; }.terminal-help { color:#9da98e; margin:5px 0 27px; }.terminal-help span { color:var(--accent); }.terminal-output { min-height:100px; max-height:215px; overflow-y:auto; overflow-wrap:anywhere; scrollbar-color:#576942 #151811; }.terminal-entry { margin-bottom:17px; }.terminal-command { color:#d6e0ca; }.terminal-command > span { color:var(--accent); margin-right:8px; }.terminal-result { margin-top:5px; color:#adb99d; }.terminal-result.is-error { color:#efb4a1; }.terminal-form { display:flex; align-items:center; gap:9px; border-top:1px solid var(--line); padding-top:12px; }.terminal-form label { color:var(--accent); flex-shrink:0; }.terminal-form input { min-width:0; width:100%; color:var(--fg); background:none; border:0; padding:11px 3px; font-size:12px; border-radius:2px; }.terminal-form input::placeholder { color:#929e84; }.terminal-form button { background:#2c3721; border:1px solid #4d603a; border-radius:3px; flex-shrink:0; width:44px; height:44px; color:var(--accent); font-size:19px; }.terminal-form button:hover { background:#40502e; }.terminal-shortcuts { display:flex; padding:0 24px 20px; gap:9px; }.terminal-shortcuts button { background:none; border:1px solid #3b482e; font:11px var(--mono); color:#b8c5a9; padding:8px 10px; border-radius:4px; min-height:36px; }.terminal-shortcuts button span { margin-left:10px; color:#839372; }.terminal-shortcuts button:hover { border-color:var(--accent); color:var(--accent); }
  .contact-section { background:#1c2315; border-block:1px solid #3b482e; padding:85px 0; position:relative; overflow:hidden; }.contact-section::after { content:''; width:450px; height:450px; border:1px solid #c9f27d12; border-radius:50%; position:absolute; right:-180px; top:-240px; pointer-events:none; }.contact-section .eyebrow { color:#c6d1b7; }.contact-section h2 { font-size:clamp(3rem,6.4vw,6rem); margin:27px 0 34px; max-width:900px; letter-spacing:-.06em; position:relative; }.contact-section h2 > span { color:var(--accent); }.contact-star { position:absolute; right:0; top:0; font-size:100px; font-weight:300; }.contact-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; }.contact-bottom p { color:#b8c3ab; font-size:16px; line-height:1.8; }
  .contact-details { display:flex; flex-wrap:wrap; gap:20px 40px; margin-top:28px; font-style:normal; }.contact-details > div { min-width:0; }.contact-label { display:block; color:#b8c3ab; font:11px var(--mono); letter-spacing:1.3px; }.contact-value { display:flex; align-items:center; gap:18px; min-height:44px; font-size:18px; color:var(--accent); overflow-wrap:anywhere; }a.contact-value:hover { text-decoration:underline; text-underline-offset:5px; }.contact-value > span { font-size:20px; }
  footer { padding-block:36px; display:flex; justify-content:space-between; align-items:center; gap:25px; }footer .wordmark { font-size:26px; }footer p { font-size:12px; color:#a5ae98; margin-top:7px; }.footer-credit { display:flex; align-items:center; gap:30px; }
  .entrance { animation:enter .8s both; }.hero h1 { animation-delay:.08s; }.hero-description { animation-delay:.16s; }.hero-actions { animation-delay:.24s; }.hero-note { animation-delay:.3s; }.developer-visual { animation-delay:.2s; }
  .motion-ready .reveal { opacity:0; transform:translateY(20px); transition:opacity .6s,transform .6s; }.motion-ready .reveal.is-visible { opacity:1; transform:none; }
  @keyframes enter { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
  @keyframes orbit-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
  @keyframes blink { 50% { opacity:0; } }
  @keyframes scroll-nudge { 0%,100% { translate:0 0; border-color:#53603f; } 50% { translate:0 5px; border-color:var(--accent); } }
}
@layer responsive {
  @media(min-width:1600px) { .hero { min-height:820px; }.hero h1 { font-size:5.5rem; } }
  @media(max-width:1100px) { .container { width:calc(100% - 64px); }.hero { column-gap:24px; }.hero h1 { font-size:clamp(3rem,5.5vw,4.1rem); }.hero-description { font-size:16px; }.code-line { font-size:11px; }.about-layout { gap:40px; }.terminal-section { gap:32px; }.philosophy-grid { gap:22px; }.contact-star { right:10%; font-size:75px; } }
  @media(max-width:800px) { .nav-shell { min-height:75px; }nav { gap:22px; }nav .nav-cta { margin-left:0; }.hero { padding-top:48px; grid-template-columns:1fr 1fr; }.hero h1 { font-size:clamp(2.6rem,5.5vw,3.5rem); }.hero-actions { flex-wrap:wrap; gap:0; }.hero-note { font-size:10px; margin-top:20px; }.hero-description { font-size:15px; }.canvas-grid { height:285px; }.code-line { font-size:10px; }.line-number { width:25px; }.editor-footer { font-size:8px; padding:9px; }.canvas-index { font-size:8px; }.canvas-top { font-size:9px; }.coordinate { font-size:8px; }.hero-bottom > span { display:none; }.section { padding-block:75px; }.about-layout { gap:30px; }.highlight-grid { grid-template-columns:repeat(2,1fr); row-gap:28px; }.highlight:nth-child(3) { border-left:none; padding-left:0; }.philosophy-grid { grid-template-columns:repeat(2,1fr); gap:35px; }.terminal-section { grid-template-columns:1fr; }.terminal-intro h2 { font-size:2.6rem; }.terminal-intro { max-width:600px; }.section-heading { align-items:start; flex-direction:column; gap:20px; }.contact-star { right:8%; }.principle-strip span { font-size:12px; }.principle-strip > div { gap:12px; }.principle-strip i { font-size:15px; }.footer-credit { flex-direction:column; align-items:end; gap:6px; } }
  @media(max-width:600px) { html { scroll-padding-top:86px; }.container { width:calc(100% - 40px); }.nav-shell { min-height:73px; }.wordmark { font-size:28px; }.menu-toggle { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; background:none; border:1px solid #46503a; border-radius:4px; width:44px; height:44px; }.menu-toggle span { height:1px; width:19px; background:var(--fg); transition:transform .25s; }.menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }nav { display:none; position:absolute; top:73px; left:0; right:0; background:#171c13; border-bottom:1px solid #455334; padding:15px 20px 24px; flex-direction:column; gap:0; align-items:stretch; box-shadow:0 30px 50px #0007; }nav.is-open { display:flex; animation:enter .2s; }nav a { padding:13px 6px; min-height:48px; font-size:16px; }nav .nav-cta { margin-top:10px; display:flex; justify-content:space-between; }.hero { grid-template-columns:1fr; padding-top:47px; min-height:auto; }.hero .eyebrow { font-size:10px; }.hero h1 { font-size:clamp(2.85rem,10.3vw,4.25rem); margin:24px 0; letter-spacing:-.055em; }.hero-description { max-width:355px; font-size:16px; }.hero-actions { gap:8px; margin-top:26px; }.button { font-size:13px; padding:12px 17px; gap:19px; }.hero-note { margin-top:23px; font-size:10px; }.developer-visual { margin-top:40px; max-width:410px; justify-self:center; }.canvas-grid { height:265px; }.canvas-code { font-size:86px; }.orbit { width:260px; height:170px; }.orbit-three { width:240px; height:240px; }.code-editor { width:94%; }.code-line { font-size:11px; }.line-number { width:35px; }.editor-footer { font-size:9px; }.canvas-index { font-size:8px; }.hero-bottom { margin-top:12px; padding:9px 0 20px; }.principle-strip > div { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; padding-block:18px; }.principle-strip i:nth-child(4) { display:none; }.principle-strip span:nth-child(5) { grid-column:1; }.principle-strip span { font-size:13px; }.section { padding-block:65px; }.section-label { margin-bottom:32px; font-size:10px; letter-spacing:1px; padding-bottom:18px; }.section-label span:last-child { display:none; }h2 { font-size:2.3rem; }.about-layout { grid-template-columns:1fr; gap:25px; }.about-signature { display:none; }.about-copy p { font-size:15px; }.highlight-grid { margin-top:20px; }.highlight { padding-right:15px; }.highlight + .highlight { padding-left:18px; }.highlight:nth-child(3) { padding-left:0; }.highlight h3 { font-size:15px; }.highlight p { font-size:13px; }.skills-grid { grid-template-columns:1fr; }.skill-card { padding:22px; }.skill-title { font-size:20px; }.skills-footnote { font-size:10px; align-items:start; line-height:1.8; }.skills-footnote .status-dot { margin-top:6px; }.philosophy-grid { gap:32px 20px; margin-top:35px; }.philosophy h3 { font-size:18px; margin-top:27px; }.philosophy p { font-size:13px; }.terminal-section { padding-top:16px; gap:28px; }.terminal-intro h2 { font-size:2.2rem; }.terminal-body { padding:22px 15px 12px; font-size:11px; }.terminal-titlebar { font-size:9px; padding:14px; }.terminal-form { gap:7px; }.terminal-form input { font-size:11px; }.terminal-shortcuts { padding-inline:15px; }.terminal-shortcuts button { min-height:44px; }.terminal-hint { font-size:11px; }.contact-section { padding:57px 0; }.contact-section h2 { font-size:clamp(2.7rem,10.3vw,4rem); margin-bottom:24px; }.contact-star { right:0; top:0; font-size:35px; }.contact-bottom { align-items:start; flex-direction:column; gap:23px; }.contact-bottom p { font-size:15px; }.contact-section .eyebrow { font-size:10px; }footer { align-items:start; flex-direction:column; padding-block:29px; gap:20px; }.footer-credit { align-items:start; flex-direction:row; width:100%; justify-content:space-between; font-size:11px; }.desktop-break { display:none; } }
  @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none !important; transition:none !important; }.motion-ready .reveal { opacity:1; transform:none; } }
  @media(prefers-reduced-motion:reduce) { .hero-content,.hero .developer-visual,.hero .orbit-one,.hero .orbit-two { translate:none; rotate:none; }.hero .canvas-code { scale:none; }.hero-bottom::after { display:none; } }
}