/* Portfolio frontend styles */
:root { --ink:#171914; --paper:#f3f0e8; --lime:#d8ff45; --orange:#ff6238; --line:rgba(23,25,20,.2); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.wrap { width:min(1240px,calc(100% - 80px)); margin-inline:auto; }
.site-header { height:90px; display:flex; align-items:center; justify-content:space-between; width:min(1400px,calc(100% - 64px)); margin:auto; border-bottom:1px solid var(--line); }
.brand { font-size:24px; font-weight:800; letter-spacing:-2px; }.brand span { color:var(--orange); }
nav { display:flex; gap:42px; font:500 12px DM Mono,monospace; text-transform:uppercase; } nav a:hover { opacity:.55; }
.menu-toggle { display:none; border:0; background:none; padding:8px; cursor:pointer; }.menu-toggle>span { display:block; width:24px; height:1px; margin:5px 0; background:var(--ink); transition:.25s; }
.availability { font:500 11px DM Mono,monospace; text-transform:uppercase; display:flex; gap:9px; align-items:center; }.availability span { width:8px; height:8px; border-radius:50%; background:#42a64b; box-shadow:0 0 0 5px rgba(66,166,75,.12); }
.hero { min-height:720px; padding:105px 0 76px; position:relative; }
.eyebrow { font:500 11px DM Mono,monospace; text-transform:uppercase; letter-spacing:.13em; display:flex; align-items:center; gap:13px; }.eyebrow:before { content:""; width:36px; height:1px; background:currentColor; }
h1,h2 { margin:34px 0; font-size:clamp(64px,8.3vw,126px); line-height:.86; letter-spacing:-.065em; font-weight:600; }
h1 em,h2 em,.about-lead em { font-family:Newsreader,serif; font-weight:300; }
.hero-bottom { display:flex; align-items:flex-end; justify-content:space-between; width:64%; margin:65px 0 0 auto; }.hero-bottom p { max-width:410px; margin:0; font-size:18px; line-height:1.7; }
.hero-achievement { display:inline-flex; margin-top:20px; padding:8px 12px; background:var(--lime); border:1px solid var(--ink); font:500 10px DM Mono; text-transform:uppercase; letter-spacing:.08em; transform:rotate(-1deg); }
.circle-link { width:68px; height:68px; border:1px solid var(--ink); border-radius:50%; display:grid; place-items:center; transition:.25s; }.circle-link:hover { background:var(--ink); color:var(--paper); transform:translateY(5px); }.circle-link svg { width:22px; fill:none; stroke:currentColor; stroke-width:1.5; }
.hero-orbit { position:absolute; right:8%; top:76px; width:126px; height:126px; display:grid; place-items:center; }.orbit-ring { position:absolute; inset:0; border:1px solid var(--line); border-radius:50%; animation:spin 9s linear infinite; }.orbit-ring:after { content:""; position:absolute; width:8px; height:8px; background:var(--orange); border-radius:50%; top:8px; left:22px; }.hero-orbit span { font:500 20px DM Mono; }.orbit-dot { position:absolute; inset:21px; border:1px dashed rgba(23,25,20,.35); border-radius:50%; }
@keyframes spin { to { transform:rotate(360deg); } }
.marquee { overflow:hidden; background:var(--ink); color:var(--paper); transform:rotate(-1.2deg); width:102%; margin-left:-1%; }.marquee-track { width:max-content; display:flex; align-items:center; gap:34px; padding:17px 0; animation:marquee 28s linear infinite; font:400 12px DM Mono; letter-spacing:.12em; }.marquee i { color:var(--lime); font-style:normal; font-size:17px; }
@keyframes marquee { to { transform:translateX(-50%); } }
.section { padding-block:150px; }.section-heading { display:grid; grid-template-columns:1fr 2fr; align-items:start; margin-bottom:78px; }.section-heading>div,.about-label { display:flex; align-items:center; gap:18px; }.section-heading p,.about-label p { margin:0; font:500 11px DM Mono; text-transform:uppercase; letter-spacing:.12em; }.section-number { display:grid; place-items:center; width:35px; height:35px; border:1px solid var(--line); border-radius:50%; font:400 10px DM Mono; }
.section-heading h2 { font-size:clamp(44px,5.4vw,78px); margin:0; }
.projects { display:grid; grid-template-columns:1.5fr .85fr; gap:64px 34px; align-items:start; }.project-small { margin-top:160px; }.project-third { margin-top:0; }.project-fourth { margin-top:100px; }.project-visual { height:480px; position:relative; overflow:hidden; }.project-small .project-visual { height:390px; }.visual-one { background:#cfd7c6; display:grid; place-items:center; }.visual-two { background:#3b3d32; display:grid; place-items:center; }
.window { width:72%; height:60%; background:#f8f5ee; border:1px solid var(--ink); box-shadow:17px 17px 0 var(--ink); position:relative; }.window-bar { height:31px; border-bottom:1px solid var(--ink); padding:10px; display:flex; gap:6px; }.window-bar i { width:8px;height:8px;background:var(--ink);border-radius:50%; }.code-lines { padding:30px; display:grid; gap:14px; }.code-lines b { display:block; height:7px; background:#b9beb3; }.code-lines b:nth-child(2),.code-lines b:nth-child(5) { width:65%; background:var(--orange); }.code-lines b:nth-child(3) { width:82%; }.floating-tag { position:absolute; right:-30px; bottom:25px; background:var(--lime); border:1px solid var(--ink); padding:12px 18px; font:500 10px DM Mono; transform:rotate(-4deg); }
.visual-one { padding:0; }.visual-one img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }.askly-label { background:#7264dc; color:white; }
.project-index { position:absolute; top:20px; left:22px; font:400 11px DM Mono; }.visual-one .project-index { color:var(--ink); }.visual-two .project-index { color:white; }
.phone { width:170px; height:290px; background:var(--orange); border-radius:28px; border:2px solid #111; box-shadow:10px 12px 0 var(--lime); padding:27px 20px; display:flex; flex-direction:column; justify-content:space-between; transform:rotate(5deg); }.phone span { width:35px; height:5px; border-radius:4px; background:#1c1e19; margin:auto; }.phone strong { font-size:27px; line-height:.92; letter-spacing:-.05em; }.phone i { font-style:normal; font-size:38px; }
.api-card { width:76%; background:#181a17; color:#f4f0e8; border:1px solid #6a6d63; box-shadow:11px 11px 0 var(--lime); padding:22px; transform:rotate(-1deg); }.api-card-head { display:flex; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid #45483f; font:500 10px DM Mono; letter-spacing:.08em; }.api-card-head i { color:var(--lime); font-style:normal; font-size:8px; }.api-route { display:grid; grid-template-columns:44px 1fr 28px; gap:9px; align-items:center; padding:15px 0; border-bottom:1px solid #33362f; font:400 9px DM Mono; }.api-route b { color:var(--orange); font-size:9px; }.api-route code { color:#dcddd7; }.api-route>span { color:var(--lime); text-align:right; }.api-stack { display:flex; gap:7px; margin-top:18px; }.api-stack span { border:1px solid #55584f; border-radius:20px; padding:6px 8px; color:#bfc1b8; font:400 7px DM Mono; }
.visual-three { background:var(--lime); display:grid; place-items:center; }.document-card { width:62%; min-height:74%; background:var(--paper); border:1px solid var(--ink); box-shadow:12px 12px 0 var(--orange); padding:26px; display:flex; flex-direction:column; }.document-card span { font:500 9px DM Mono; }.document-card b { font-size:80px; letter-spacing:-.09em; margin:auto 0 0; }.document-card i { font:400 11px/1.7 DM Mono; font-style:normal; border-top:1px solid; padding-top:14px; }.visual-four { background:#e4d6f2; display:grid; place-items:center; }.blocks { position:relative; width:270px; height:270px; display:grid; grid-template-columns:1fr 1fr; gap:6px; transform:rotate(8deg); }.blocks i { background:var(--ink); }.blocks i:nth-child(2),.blocks i:nth-child(3) { background:var(--orange); }.blocks strong { position:absolute; inset:0; display:grid; place-items:center; color:var(--lime); font-size:105px; }
.pdf-flow { width:82%; display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; }.pdf-file,.summary-file { min-height:230px; padding:22px; border:1px solid var(--ink); background:var(--paper); box-shadow:8px 9px 0 var(--ink); display:flex; flex-direction:column; }.pdf-file>span,.summary-file>span { font:500 9px DM Mono; letter-spacing:.1em; }.pdf-file>span { width:max-content; padding:8px; background:var(--orange); font-size:18px; }.pdf-file i,.summary-file i { display:block; height:5px; margin-top:13px; background:#c7c8c1; }.pdf-file i:nth-of-type(2),.summary-file i:nth-of-type(2) { width:75%; }.pdf-file i:nth-of-type(3),.summary-file i:nth-of-type(3) { width:88%; }.pdf-file b { margin-top:auto; font:400 9px DM Mono; }.pdf-arrow { text-align:center; display:grid; gap:8px; place-items:center; }.pdf-arrow span { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:var(--ink); color:var(--lime); font:500 9px DM Mono; }.pdf-arrow b { font-size:25px; }.summary-file { background:var(--ink); color:var(--paper); box-shadow:8px 9px 0 var(--orange); }.summary-file strong { margin-top:35px; font-size:20px; }.summary-file i { background:#696b64; }.summary-file small { margin-top:auto; color:var(--lime); font:400 8px DM Mono; text-transform:uppercase; }
.project-copy { padding:25px 0 18px; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--ink); }.project-copy h3 { font-size:25px; letter-spacing:-.04em; margin:0 0 7px; }.project-copy p { margin:0; color:#62645d; line-height:1.6; font-size:14px; max-width:430px; }.arrow { font-size:24px; transition:.2s; }.project:hover .arrow { transform:translate(4px,-4px); }.project ul { list-style:none; padding:14px 0; margin:0; display:flex; gap:9px; }.project li { border:1px solid var(--line); border-radius:20px; padding:6px 11px; font:400 9px DM Mono; text-transform:uppercase; }
.project-actions { display:flex; gap:10px; margin-top:8px; }.project-actions a,.demo-disabled { min-width:105px; padding:11px 15px; border:1px solid var(--ink); display:flex; justify-content:space-between; align-items:center; font:500 10px DM Mono; text-transform:uppercase; transition:.2s; }.project-actions a:hover { background:var(--ink); color:var(--paper); }.demo-disabled { color:#8a8b85; border-color:var(--line); cursor:not-allowed; }
.project-fifth { margin-top:35px; }.project-fifth .project-visual { height:320px; }.visual-five { background:#e5d8c7; display:grid; place-items:center; }.cat-collage { width:72%; height:68%; position:relative; }.cat-collage img { position:absolute; width:48%; height:78%; object-fit:cover; border:5px solid var(--paper); box-shadow:8px 9px 0 rgba(23,25,20,.9); }.cat-collage img:nth-child(1) { left:0; top:8%; transform:rotate(-7deg); }.cat-collage img:nth-child(2) { left:28%; top:0; z-index:2; transform:rotate(2deg); }.cat-collage img:nth-child(3) { right:0; top:12%; transform:rotate(8deg); }.cat-label { position:absolute; right:20px; bottom:18px; background:var(--orange); border:1px solid var(--ink); padding:9px 12px; font:500 9px DM Mono; transform:rotate(-2deg); z-index:3; }.visual-five .project-index { color:var(--ink); z-index:4; }
.cat-single { width:100%; height:100%; display:block; object-fit:cover; object-position:center 42%; }
.visual-label { position:absolute; right:20px; bottom:18px; background:var(--lime); color:var(--ink); border:1px solid var(--ink); padding:9px 12px; font:500 9px DM Mono; transform:rotate(2deg); z-index:3; }
.visual-six { background:#dedbd4; padding:0; }.visual-six img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }.visual-six .project-index { color:var(--paper); background:var(--ink); padding:7px 9px; z-index:2; }.lightning-label { right:18px; bottom:17px; background:#f59d18; transform:rotate(-1deg); }
.hackathon-heading { margin-top:130px; padding-top:55px; border-top:1px solid var(--ink); display:grid; grid-template-columns:1fr 2fr; align-items:start; }.hackathon-heading>div { display:flex; align-items:center; gap:18px; }.hackathon-heading p { margin:0; font:500 11px DM Mono; text-transform:uppercase; letter-spacing:.12em; }.hackathon-heading h3 { margin:0; font-size:clamp(40px,5vw,70px); line-height:1; letter-spacing:-.055em; }.hackathon-heading em { font-family:Newsreader,serif; font-weight:300; }.award-card { margin-top:65px; background:var(--ink); color:var(--paper); min-height:360px; padding:55px; display:grid; grid-template-columns:130px 1fr 310px; gap:45px; align-items:center; position:relative; overflow:hidden; }.award-badge { width:120px; height:120px; border-radius:50%; background:var(--lime); color:var(--ink); display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(-8deg); }.award-badge span { font:600 43px/1 Manrope; letter-spacing:-.08em; }.award-badge small { font:500 9px DM Mono; letter-spacing:.15em; }.award-kicker { color:#b9bab4; font:400 10px DM Mono; text-transform:uppercase; letter-spacing:.09em; }.award-copy h3 { margin:12px 0 16px; font-size:54px; letter-spacing:-.06em; }.award-copy>p:not(.award-kicker) { max-width:630px; color:#c5c6c0; font-size:14px; line-height:1.75; }.award-meta { display:flex; gap:9px; flex-wrap:wrap; margin-top:24px; }.award-meta span { padding:7px 11px; border:1px solid rgba(255,255,255,.22); border-radius:20px; font:400 9px DM Mono; text-transform:uppercase; }.award-photo { margin:0; transform:rotate(2deg); }.award-photo img { width:100%; height:220px; display:block; object-fit:cover; object-position:center; border:6px solid var(--paper); }.award-photo figcaption { padding-top:10px; color:#aaa; font:400 8px DM Mono; text-transform:uppercase; }.team-credit { margin:20px 0 0 auto; max-width:700px; color:#666860; font:400 10px/1.6 DM Mono; text-transform:uppercase; }
.award-card-alt { margin-top:80px; background:#29372e; }.award-card-alt .award-badge { background:var(--orange); transform:rotate(7deg); }.award-card-alt .award-badge span { font-size:31px; letter-spacing:-.04em; }.award-card-alt .award-badge small { margin-top:6px; font-size:7px; }.award-card-alt .award-photo { transform:rotate(-2deg); }.award-links { margin-top:25px; }.award-links a { width:max-content; display:flex; gap:25px; padding:12px 15px; background:var(--lime); color:var(--ink); font:500 9px DM Mono; text-transform:uppercase; transition:.2s; }.award-links a:hover { transform:translateY(-3px); box-shadow:5px 5px 0 var(--orange); }
.text-link { display:block; width:max-content; margin:75px auto 0; border-bottom:1px solid; padding-bottom:7px; font:500 12px DM Mono; text-transform:uppercase; }.text-link span { margin-left:12px; }
.about { background:var(--ink); color:var(--paper); }.about-grid { display:grid; grid-template-columns:1fr 2fr; }.about .section-number { border-color:rgba(255,255,255,.25); }.about-lead { font-size:clamp(39px,5vw,70px); line-height:1.05; letter-spacing:-.05em; margin:0 0 80px; }.about-details { display:grid; grid-template-columns:1fr 1fr; gap:60px; border-top:1px solid rgba(255,255,255,.2); padding-top:37px; }.about-details>p { color:#b7b8b2; line-height:1.8; margin:0; }.principles { display:grid; }.principles span { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.18); font:400 11px DM Mono; text-transform:uppercase; }
.experience-list { border-top:1px solid var(--ink); }.experience-item { display:grid; grid-template-columns:.75fr 1.15fr 1.3fr; gap:40px; padding:35px 0; border-bottom:1px solid var(--line); align-items:start; }.experience-item time { font:400 10px DM Mono; text-transform:uppercase; }.experience-item h3 { margin:0 0 7px; font-size:20px; letter-spacing:-.03em; }.experience-item p { margin:0; font-size:13px; color:#65675f; line-height:1.7; }.experience-item div p { font:400 10px/1.6 DM Mono; text-transform:uppercase; }
.certifications { background:#dfe8d8; }.certification-list { border-top:1px solid var(--ink); }.certification-item { display:grid; grid-template-columns:60px 1.7fr .7fr 60px; align-items:center; gap:30px; padding:29px 0; border-bottom:1px solid rgba(23,25,20,.22); }.certification-item>span,.certification-item time { font:400 10px DM Mono; }.certification-item h3 { margin:0 0 6px; font-size:19px; letter-spacing:-.025em; }.certification-item p { margin:0; color:#65675f; font:400 10px DM Mono; text-transform:uppercase; }.certification-item strong { font:500 11px DM Mono; text-transform:uppercase; }
.contact { min-height:760px; display:flex; flex-direction:column; justify-content:center; }.contact h2 { font-size:clamp(56px,7.4vw,108px); }.contact-row { display:flex; justify-content:space-between; align-items:center; margin-top:35px; }.button { background:var(--orange); color:#10110e; padding:20px 27px; font:600 12px DM Mono; text-transform:uppercase; transition:.2s; }.button:hover { transform:translateY(-4px); box-shadow:7px 7px 0 var(--ink); }.button span { margin-left:25px; }.contact-row p { color:#63655e; line-height:1.6; font-size:13px; }
.contact-actions { display:flex; align-items:center; gap:25px; }.resume-link { padding:18px 0 8px; border-bottom:1px solid var(--ink); font:600 11px DM Mono; text-transform:uppercase; }.resume-link span { margin-left:12px; }
footer { border-top:1px solid var(--line); min-height:110px; width:min(1400px,calc(100% - 64px)); margin:auto; display:flex; justify-content:space-between; align-items:center; font:400 10px DM Mono; text-transform:uppercase; }footer>div { display:flex; gap:28px; }
.reveal { opacity:1; transform:none; }
@media (max-width:800px) { .wrap { width:calc(100% - 40px); }.site-header,footer { width:calc(100% - 40px); }.site-header { position:relative; }.menu-toggle { display:block; margin-left:auto; }.site-header nav { display:none; position:absolute; z-index:30; left:0; right:0; top:89px; padding:26px 20px; background:var(--ink); color:var(--paper); flex-direction:column; gap:22px; box-shadow:0 12px 25px rgba(0,0,0,.15); }.site-header nav.open { display:flex; }.site-header:has(nav.open) .menu-toggle>span:nth-child(1) { transform:translateY(6px) rotate(45deg); }.site-header:has(nav.open) .menu-toggle>span:nth-child(2) { opacity:0; }.site-header:has(nav.open) .menu-toggle>span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }.availability { display:none; }.hero { min-height:680px; padding-top:90px; }.hero-orbit { display:none; }h1 { font-size:16vw; line-height:.9; }.hero-bottom { width:100%; margin-top:70px; align-items:center; }.hero-bottom p { width:72%; font-size:15px; }.section { padding-block:95px; }.section-heading,.about-grid,.hackathon-heading { grid-template-columns:1fr; gap:38px; }.projects { grid-template-columns:1fr; }.project-small,.project-fourth,.project-fifth { margin-top:25px; }.project-visual,.project-small .project-visual { height:350px; }.hackathon-heading { margin-top:90px; }.award-card { margin-top:45px; padding:35px 25px; grid-template-columns:1fr; gap:30px; }.award-badge { width:90px; height:90px; }.award-photo img { height:230px; }.award-copy h3 { font-size:43px; }.about-copy { margin-top:15px; }.about-details { grid-template-columns:1fr; }.experience-item { grid-template-columns:1fr; gap:14px; }.certification-item { grid-template-columns:35px 1fr 50px; gap:12px; }.certification-item strong { display:none; }.contact { min-height:650px; }.contact-row { align-items:flex-start; flex-direction:column; gap:40px; }.contact-actions { align-items:flex-start; flex-direction:column; }footer { flex-wrap:wrap; padding:28px 0; gap:20px; }footer>div { flex-wrap:wrap; gap:14px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.marquee-track,.orbit-ring { animation:none; }.reveal { opacity:1; transform:none; } }

/* Keep every project card and visual background consistently sized. */
.projects { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.project-small,.project-third,.project-fourth,.project-fifth { margin-top:0; }
.project-visual,.project-small .project-visual,.project-fifth .project-visual { height:400px; }

@media (max-width:800px) {
  .projects { grid-template-columns:1fr; }
  .project-visual,.project-small .project-visual,.project-fifth .project-visual { height:330px; }
}

/* Responsive polish for tablets and phones. */
img { max-width:100%; }
@media (max-width:1100px) and (min-width:801px) {
  .wrap { width:calc(100% - 56px); }
  .site-header,footer { width:calc(100% - 56px); }
  nav { gap:20px; }
  .project-visual,.project-small .project-visual,.project-fifth .project-visual { height:340px; }
  .award-card { grid-template-columns:100px 1fr 240px; gap:28px; padding:38px; }
  .award-badge { width:96px; height:96px; }
  .pdf-flow { width:90%; grid-template-columns:1fr 45px 1fr; }
  .pdf-file,.summary-file { min-height:210px; padding:17px; }
}

@media (max-width:800px) {
  .site-header { height:74px; }
  .site-header nav { top:73px; }
  .menu-toggle { min-width:44px; min-height:44px; }
  .hero { min-height:600px; padding:74px 0 60px; }
  h1 { font-size:clamp(50px,15.5vw,82px); overflow-wrap:normal; }
  .hero-bottom { margin-top:52px; gap:20px; }
  .hero-bottom p { width:100%; max-width:330px; }
  .circle-link { width:56px; height:56px; flex:0 0 56px; }
  .section-heading h2 { font-size:clamp(40px,11vw,60px); }
  .projects { gap:62px; }
  .project { min-width:0; }
  .project-visual,.project-small .project-visual,.project-fifth .project-visual { height:auto; aspect-ratio:4 / 3; }
  .project-visual.visual-one { height:auto; aspect-ratio:1905 / 917; }
  .visual-one img { object-fit:contain; object-position:center; }
  .project-visual.visual-six { height:auto; aspect-ratio:1465 / 856; }
  .visual-six img { object-fit:contain; background:#e8e5de; }
  .visual-label,.cat-label { right:12px; bottom:12px; max-width:70%; padding:7px 9px; font-size:8px; }
  .project-index { top:12px; left:12px; }
  .project-copy { padding-top:20px; }
  .project-copy h3 { font-size:23px; line-height:1.12; }
  .project-copy p { font-size:13px; }
  .project ul { flex-wrap:wrap; }
  .project-actions { flex-wrap:wrap; }
  .project-actions a,.demo-disabled { min-height:44px; flex:1; }
  .api-card { width:84%; padding:18px; box-shadow:8px 8px 0 var(--lime); }
  .api-route { padding:12px 0; grid-template-columns:40px 1fr 25px; }
  .pdf-flow { width:90%; grid-template-columns:1fr 42px 1fr; }
  .pdf-file,.summary-file { min-height:210px; padding:16px; box-shadow:6px 7px 0 var(--ink); }
  .summary-file { box-shadow:6px 7px 0 var(--orange); }
  .summary-file strong { margin-top:26px; font-size:17px; }
  .blocks { width:210px; height:210px; }
  .blocks strong { font-size:82px; }
  .cat-single { width:100%; height:100%; }
  .award-card { padding:30px 22px; }
  .award-photo { transform:none; }
  .award-photo img { width:100%; height:auto; aspect-ratio:4 / 3; }
  .award-card-alt .award-photo { transform:none; }
  .team-credit { font-size:9px; }
  .about-lead { margin-bottom:50px; }
  .contact h2 { font-size:clamp(48px,14vw,76px); }
  .button { width:100%; display:flex; justify-content:space-between; }
  .contact-actions { width:100%; }
  footer>div a { min-height:32px; display:flex; align-items:center; }
}

@media (max-width:480px) {
  .wrap,.site-header,footer { width:calc(100% - 30px); }
  .hero { min-height:560px; padding-top:62px; }
  .eyebrow { font-size:9px; letter-spacing:.09em; }
  h1 { font-size:clamp(47px,15vw,68px); }
  .hero-bottom { align-items:flex-end; }
  .hero-achievement { font-size:8px; }
  .section { padding-block:76px; }
  .section-heading { margin-bottom:50px; }
  .projects { gap:54px; }
  .project-visual,.project-small .project-visual,.project-fifth .project-visual { aspect-ratio:1 / 1; }
  .project-visual.visual-one { aspect-ratio:1905 / 917; }
  .project-visual.visual-six { aspect-ratio:1465 / 856; }
  .askly-label,.lightning-label { display:none; }
  .project-copy h3 { font-size:21px; }
  .project-copy .arrow { display:none; }
  .project-actions { flex-direction:column; }
  .project-actions a,.demo-disabled { width:100%; }
  .api-card { width:88%; padding:15px; }
  .api-card-head { padding-bottom:12px; }
  .api-route { font-size:8px; }
  .api-stack { flex-wrap:wrap; margin-top:13px; }
  .pdf-flow { width:92%; grid-template-columns:1fr 32px 1fr; }
  .pdf-file,.summary-file { min-height:190px; padding:12px; }
  .pdf-arrow span { width:28px; height:28px; font-size:8px; }
  .pdf-arrow b { font-size:18px; }
  .summary-file strong { font-size:14px; }
  .cat-single { width:100%; height:100%; }
  .hackathon-heading h3 { font-size:40px; }
  .award-copy h3 { font-size:38px; }
  .award-meta span { font-size:8px; }
  .certification-item { grid-template-columns:28px 1fr 42px; }
  .certification-item h3 { font-size:16px; }
  .contact { min-height:580px; }
  .contact-row p br { display:none; }
  footer { align-items:flex-start; flex-direction:column; }
}

/* Featured Bitcoin and ICP project visuals. */
.visual-coregate { background:#dedbd4; }
.visual-coregate img { width:100%; height:100%; object-fit:cover; }
.visual-coregate .project-index { background:var(--paper); padding:7px 9px; }
.project-emblem { font-size:clamp(40px,7vw,80px); font-weight:700; letter-spacing:-.04em; }
.project ul { flex-wrap:wrap; }

.visual-securepass { background:#000; }
.visual-securepass img { width:100%; height:100%; display:block; object-fit:contain; }
.visual-securepass .project-index { color:var(--paper); background:var(--ink); padding:7px 9px; }