.code-hero{background:linear-gradient(135deg,#ffffffe6,#eef3f0db),radial-gradient(circle at top right,rgba(35,92,116,.28),transparent 30rem),radial-gradient(circle at bottom left,rgba(17,20,23,.08),transparent 26rem),var(--surface)}.code-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start;border-top:1px solid var(--line);margin-top:38px;padding-top:38px}.code-feature h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.06em;line-height:1}.code-feature>div>p:last-child{color:var(--muted);line-height:1.65;margin-top:18px}.code-link-list{display:grid;gap:12px}.code-link-list a{display:grid;gap:6px;border:1px solid rgba(216,212,204,.82);border-radius:var(--radius-sm);background:#ffffffbd;box-shadow:var(--shadow);padding:20px}.code-link-list a:hover{background:var(--surface);transform:translateY(-2px);transition:background .16s ease,transform .16s ease}.code-link-list strong{color:var(--accent);font-size:1.05rem}.code-link-list span{color:var(--muted);line-height:1.55}@media(max-width:850px){.code-feature{grid-template-columns:1fr}}.project-showcase{border-top:1px solid var(--line);margin-top:38px;padding-top:38px}.project-showcase-heading{max-width:820px}.project-showcase-heading h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;line-height:1}.project-showcase-heading p:last-child{color:var(--muted);line-height:1.65;margin-top:18px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.project-card{display:flex;flex-direction:column;border:1px solid rgba(216,212,204,.82);border-radius:var(--radius-sm);background:#ffffffc2;box-shadow:var(--shadow);padding:24px}a.project-card:hover{background:var(--surface);transform:translateY(-2px);transition:background .16s ease,transform .16s ease}.project-type{color:var(--warm);font-size:.74rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.project-card h3{font-size:1.5rem;letter-spacing:-.04em;line-height:1.05;margin-top:10px}.project-card p:not(.project-type){color:var(--muted);line-height:1.6;margin-top:14px}.project-card>span{align-self:flex-start;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:.78rem;font-weight:900;margin-top:auto;padding:6px 10px}@media(max-width:700px){.project-grid{grid-template-columns:1fr}}.project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;margin-bottom:18px}.project-links a{border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:.82rem;font-weight:900;padding:7px 11px}.project-links a:hover,.project-links a:focus-visible{background:var(--surface-soft);color:var(--accent-dark)}.code-area-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.code-area-card{display:flex;flex-direction:column;color:inherit;min-height:100%;text-decoration:none}.code-area-card:hover,.code-area-card:focus-visible{background:var(--surface);transform:translateY(-2px);transition:background .16s ease,transform .16s ease}@media(max-width:560px){.code-area-grid{grid-template-columns:1fr}}@media(max-width:1100px){.code-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-links span{border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:.82rem;font-weight:900;padding:7px 11px}.diary-entry-list{display:grid;gap:18px;margin-top:24px}.diary-entry{border:1px solid rgba(216,212,204,.82);border-radius:var(--radius-sm);background:#ffffffc2;box-shadow:var(--shadow);padding:28px}.diary-entry h3{font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1;margin-top:10px}.diary-entry p:not(.project-type){color:var(--muted);line-height:1.7;margin-top:16px}.diary-entry>span{display:inline-flex;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:.78rem;font-weight:900;margin-top:18px;padding:6px 10px}.development-log{width:min(100%,980px);margin:0 auto;padding:4rem 1.25rem}.development-log__header{margin-bottom:2.5rem}.eyebrow{margin:0 0 .5rem;color:var(--accent-text, #6c8b73);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.development-log__header h2{margin:0;font-size:clamp(2rem,5vw,4.25rem);line-height:.95;letter-spacing:-.05em}.development-log__header p{max-width:720px;margin:1rem 0 0;color:var(--muted-text, #5f6972);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.diary-timeline{position:relative;display:grid;gap:2rem}.diary-entry{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(255,204,102,.18),transparent 34rem),linear-gradient(145deg,#ffffff1b,#ffffff09);box-shadow:0 24px 70px #00000047;backdrop-filter:blur(18px)}.diary-entry:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%)}.diary-entry__header{position:relative;padding:clamp(1.4rem,3vw,2.25rem);border-bottom:1px solid rgba(255,255,255,.13)}.diary-entry__meta-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.diary-entry__meta-row span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35rem .7rem;background:#0000002e;color:#ffffffc2;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.diary-entry__header h3{display:grid;gap:.35rem;margin:0;font-size:clamp(1.65rem,4vw,3rem);line-height:1;letter-spacing:-.04em}.diary-entry__header h3 span{color:var(--accent, #ffcc66);font-size:.9rem;letter-spacing:.16em;text-transform:uppercase}.diary-entry__focus{margin:1rem 0 0;color:#ffffffb8;font-size:1rem}.diary-entry__body{position:relative;padding:clamp(1.4rem,3vw,2.25rem)}.diary-entry__body p{max-width:74ch;margin:0 0 1.25rem;color:var(--body-text, #5f6972);font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.82}.diary-entry__body strong{color:var(--heading-text, #111820);font-weight:850}.diary-entry__body a{color:var(--accent, #ffcc66);font-weight:750;text-decoration-thickness:.12em;text-underline-offset:.2em}.diary-entry__body code{border:1px solid rgba(255,255,255,.16);border-radius:.45rem;padding:.12rem .35rem;background:#00000047;color:#fff;font-size:.92em}.diary-pullquote{max-width:820px;margin:2rem 0;padding:clamp(1.25rem,3vw,2rem);border-left:6px solid var(--accent, #ffcc66);border-radius:0 24px 24px 0;background:#ffcc661a}.diary-pullquote p{margin:0;color:#fff;font-size:clamp(1.35rem,3vw,2.15rem);font-weight:850;letter-spacing:-.04em;line-height:1.12}.diary-note,.next-step{max-width:760px;margin:2rem 0 0;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:clamp(1rem,2.5vw,1.5rem);background:#0000003d}.diary-note__label,.next-step__label{margin:0 0 .45rem!important;color:var(--accent, #ffcc66)!important;font-size:.75rem!important;font-weight:850;letter-spacing:.16em;line-height:1.2!important;text-transform:uppercase}.diary-note h4,.next-step h4{margin:0 0 .5rem;color:#fff;font-size:1.15rem}.diary-note p:last-child,.next-step p:last-child{margin-bottom:0}.diary-figure{max-width:900px;margin:2.5rem 0}.diary-figure img{display:block;width:100%;border:1px solid rgba(255,255,255,.16);border-radius:24px;box-shadow:0 22px 55px #00000052}.diary-figure figcaption{margin-top:.75rem;color:#ffffffad;font-size:.95rem;line-height:1.55}@media(max-width:720px){.development-log{padding-inline:1rem}.diary-entry{border-radius:22px}.diary-entry__meta-row span{font-size:.72rem}}.diary-index-list{display:grid;gap:10px;margin-top:16px}.diary-index-list a{display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;color:inherit;padding:12px;text-decoration:none}.diary-index-list a:hover,.diary-index-list a:focus-visible{background:var(--surface-soft)}.diary-index-list span{color:var(--muted);font-size:.82rem;font-weight:800}.diary-index-list strong{color:var(--accent);font-size:.95rem}