.brutalist-page{--paper:#fff7df;--paper-deep:#f5e6bb;--ink:#171717;--yellow:#ffd84d;--coral:#ff6b57;--mint:#72e2a7;--blue:#55a7ff;--lavender:#bda7ff;--white:#fffdf5;--page-bg:var(--paper);--page-bg-extra:var(--paper);--text:var(--ink);--text-muted:#171717bd;--grid-line:#1717170a;--grid-size:34px;--surface-bg:var(--white);--surface-border:3px solid var(--ink);--surface-shadow:5px 5px 0 var(--ink);--surface-radius:0px;--surface-blur:none;--shadow-lg:7px 7px 0 var(--ink);--accent-1:var(--yellow);--accent-2:var(--coral);--accent-3:var(--mint);--accent-4:var(--blue);--accent-5:var(--lavender);--timeline-yellow:#fff0a9;--timeline-mint:#c9f7dc;--timeline-coral:#ffc1b7;--font-body:"Arial", "Helvetica", sans-serif;--font-display:var(--font-body);--heading-weight:900;--heading-tracking:0em;--heading-transform:uppercase;--btn-border:3px solid var(--ink);--btn-shadow:5px 5px 0 var(--ink);--btn-bg:var(--white);--btn-weight:900;--pill-bg:var(--paper-deep);--pill-border:2px solid var(--ink);--transition-style:.26s ease;background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(var(--grid-line) 1px, transparent 1px), var(--page-bg);background-size:var(--grid-size) var(--grid-size);color:var(--text);font-family:var(--font-body);min-height:100dvh;font-size:17px;line-height:1.55}::view-transition-old(root){animation-duration:.34s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.34s;animation-timing-function:ease}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation-duration:0s}::view-transition-new(root){animation-duration:0s}}.brutalist-page .wrap{width:min(1180px,100% - 32px);margin:0 auto}.brutalist-page h1,.brutalist-page h2,.brutalist-page h3,.brutalist-page p{margin-top:0}.brutalist-page h1{max-width:820px;letter-spacing:var(--heading-tracking);text-transform:var(--heading-transform);font-size:clamp(1.85rem,4.4vw,4.15rem);line-height:.9;font-weight:var(--heading-weight);font-family:var(--font-display);margin-bottom:0}.brutalist-page h2{font-family:var(--font-display);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.brutalist-page ul{margin:0;padding-left:22px}.brutalist-page li{margin:0 0 10px;font-weight:450;line-height:1.52}.brutalist-page .hero{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center;gap:42px;min-height:88vh;padding:48px 0 28px;display:grid}.brutalist-page .hero-copy{gap:24px;display:grid}.brutalist-page .eyebrow,.brutalist-page .period{border:var(--surface-border);background:var(--accent-1);width:fit-content;box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;border-radius:var(--surface-radius);color:var(--text);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);margin:0;padding:8px 12px;font-size:.8rem;font-weight:900}.brutalist-page .lede{max-width:680px;margin-bottom:0;font-size:clamp(1.08rem,1.6vw,1.45rem);font-weight:500;line-height:1.42}.brutalist-page .hero-actions{flex-wrap:wrap;gap:14px;display:flex}.brutalist-page .button{border:var(--btn-border);background:var(--btn-bg);min-height:48px;box-shadow:var(--btn-shadow);font-weight:var(--btn-weight);font-family:var(--font-body);border-radius:var(--surface-radius);color:var(--text);transition:transform .14s ease, box-shadow .14s ease, background var(--transition-style), border-color var(--transition-style), border-radius var(--transition-style);justify-content:center;align-items:center;padding:12px 18px;text-decoration:none;display:inline-flex}.brutalist-page .button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.brutalist-page .button.primary{background:var(--accent-2)}.brutalist-page .doodle-panel{border:var(--surface-border);background:var(--accent-3);min-height:430px;box-shadow:var(--shadow-lg);border-radius:var(--surface-radius);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);border-width:4px;position:relative;overflow:hidden;transform:rotate(1.2deg)}.brutalist-page .doodle-panel:before{content:"";border:3px dashed var(--ink);position:absolute;inset:14px}.brutalist-page .doodle-card{z-index:2;border:3px solid var(--ink);background:var(--white);width:132px;min-height:74px;box-shadow:5px 5px 0 var(--ink);text-align:center;border-radius:var(--surface-radius);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);place-items:center;font-weight:850;display:grid;position:absolute}.brutalist-page .card-a{background:var(--accent-1);top:48px;left:38px;transform:rotate(-5deg)}.brutalist-page .card-b{background:var(--accent-4);top:74px;right:42px;transform:rotate(4deg)}.brutalist-page .card-c{background:var(--accent-5);bottom:78px;right:84px;transform:rotate(-4deg)}.brutalist-page .card-d{background:var(--accent-2);bottom:98px;left:58px;transform:rotate(6deg)}.brutalist-page .doodle-lines{fill:none;width:calc(100% - 36px);height:calc(100% - 78px);stroke:var(--ink);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:58px 18px 20px}.brutalist-page .scribble{z-index:3;border:3px solid var(--ink);background:var(--white);border-radius:var(--surface-radius);padding:6px 10px;font-size:.82rem;font-weight:900;position:absolute}.brutalist-page .scribble-one{bottom:24px;left:26px;transform:rotate(-3deg)}.brutalist-page .scribble-two{top:206px;right:24px;transform:rotate(5deg)}.brutalist-page .metric-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0 0 84px;display:grid}.brutalist-page .metric{border:var(--surface-border);background:var(--surface-bg);min-height:130px;box-shadow:var(--surface-shadow);border-radius:var(--surface-radius);-webkit-backdrop-filter:var(--surface-blur);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);padding:18px}.brutalist-page .metric strong{font-size:2.65rem;line-height:1;font-family:var(--font-display);margin-bottom:8px;display:block}.brutalist-page .metric span{font-weight:600;line-height:1.25}.brutalist-page .section-block{margin:0 0 96px}.brutalist-page .section-heading{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:18px;margin-bottom:28px;display:grid}.brutalist-page .section-heading span{border:var(--surface-border);background:var(--accent-4);min-width:58px;height:58px;box-shadow:4px 4px 0 var(--ink);border-radius:var(--surface-radius);color:var(--text);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);place-items:center;font-weight:950;display:grid}.brutalist-page .section-heading h2{max-width:760px;text-transform:var(--heading-transform);margin-bottom:0;font-size:clamp(1.9rem,3.7vw,3.7rem);line-height:1}.brutalist-page .section-note{max-width:62ch;color:var(--text-muted);grid-column:2;margin:-14px 0 0;font-size:1.02rem;line-height:1.55}.brutalist-page .timeline{gap:22px;display:grid}.brutalist-page .timeline-item{border:var(--surface-border);background:var(--surface-bg);box-shadow:var(--shadow-lg);border-radius:var(--surface-radius);-webkit-backdrop-filter:var(--surface-blur);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);grid-template-columns:300px minmax(0,1fr);gap:28px;padding:24px;display:grid}.brutalist-page .timeline-item.yellow{background:var(--timeline-yellow)}.brutalist-page .timeline-item.mint{background:var(--timeline-mint)}.brutalist-page .timeline-item.coral{background:var(--timeline-coral)}.brutalist-page .timeline-item h3{margin:16px 0 6px;font-size:1.35rem;line-height:1.15}.brutalist-page .company{margin:0;font-weight:700}.brutalist-page .strength-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.brutalist-page .brutal-card,.brutalist-page .skill-group{border:var(--surface-border);background:var(--surface-bg);box-shadow:var(--surface-shadow);border-radius:var(--surface-radius);-webkit-backdrop-filter:var(--surface-blur);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);padding:22px}.brutalist-page .brutal-card:nth-child(2){background:var(--accent-1);transform:rotate(1deg)}.brutalist-page .brutal-card:nth-child(3){background:var(--accent-3);transform:rotate(-1deg)}.brutalist-page .brutal-card h3,.brutalist-page .skill-group h3{margin-bottom:12px;font-size:1.16rem;line-height:1.2}.brutalist-page .brutal-card p{margin-bottom:0;font-weight:450;line-height:1.55}.brutalist-page .skill-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.brutalist-page .skill-group div{flex-wrap:wrap;gap:10px;display:flex}.brutalist-page .skill-pill{border:var(--pill-border);background:var(--pill-bg);border-radius:var(--surface-radius);color:var(--text);transition:background var(--transition-style), border-color var(--transition-style), border-radius var(--transition-style);padding:8px 10px;font-size:.94rem;font-weight:650;display:inline-flex}.brutalist-page .closing{border:var(--surface-border);background:var(--accent-4);box-shadow:var(--shadow-lg);border-radius:var(--surface-radius);transition:background var(--transition-style), border-color var(--transition-style), box-shadow var(--transition-style), border-radius var(--transition-style);border-width:4px;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:28px;margin:0 0 48px;padding:30px;display:grid}.brutalist-page .closing h2{max-width:760px;text-transform:var(--heading-transform);margin:18px 0 14px;font-size:clamp(1.8rem,3.2vw,3.25rem);line-height:1.04}.brutalist-page .closing p:last-child{max-width:620px;margin-bottom:0;font-size:1rem;font-weight:500;line-height:1.55}.brutalist-page .university-card{border:var(--surface-border);background:var(--surface-bg);width:132px;min-height:132px;box-shadow:5px 5px 0 var(--ink);border-radius:var(--surface-radius);transition:background var(--transition-style), border-color var(--transition-style), border-radius var(--transition-style);align-self:center;place-items:center;gap:8px;padding:14px;display:grid;transform:rotate(-2deg)}.brutalist-page .university-card img{object-fit:contain;width:72px;height:72px;display:block}.brutalist-page .university-card span{letter-spacing:0;font-size:.82rem;font-weight:900}@media (max-width:980px){.brutalist-page .hero{grid-template-columns:1fr;min-height:auto}.brutalist-page .doodle-panel{min-height:360px}.brutalist-page .metric-strip,.brutalist-page .strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brutalist-page .timeline-item{grid-template-columns:1fr}}@media (max-width:640px){.brutalist-page .wrap{width:min(100% - 22px,1180px)}.brutalist-page .hero{gap:28px;padding-top:28px}.brutalist-page h1{font-size:clamp(3.4rem,18vw,5rem)}.brutalist-page .hero-actions,.brutalist-page .closing{align-items:stretch}.brutalist-page .button{width:100%}.brutalist-page .metric-strip,.brutalist-page .strength-grid,.brutalist-page .skill-wall,.brutalist-page .closing{grid-template-columns:1fr}.brutalist-page .doodle-panel{min-height:330px}.brutalist-page .doodle-card{width:112px;min-height:62px;font-size:.85rem}.brutalist-page .section-heading{grid-template-columns:1fr}.brutalist-page .section-note{grid-column:1;margin-top:-10px}}