:root{--bg:#171916;--panel:#20231e;--ink:#f0eee5;--muted:#b1b5a9;--line:#3a3e35;--copper:#e5a17c;--copper-dark:#c87e59;--pad:clamp(22px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}::selection{background:var(--copper);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:7px}button{background:none;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(35px,4.5vw,65px);letter-spacing:-.055em;line-height:1.08}h3{font-size:24px;letter-spacing:-.03em;line-height:1.2}em{font-family:Georgia,serif;font-weight:400}small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.section{padding:100px var(--pad);max-width:1700px;margin:auto}.eyebrow,.folio,.date,.small-label{font-family:monospace;font-size:11px;letter-spacing:.11em;line-height:1.5}.eyebrow{display:block;color:var(--muted)}.header{height:85px;display:flex;align-items:center;gap:32px;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);background:rgba(23,25,22,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em}.header nav{display:flex;gap:28px;font-size:12px;color:#ccd0c4}.header nav a:hover{color:var(--copper)}.nav-contact{font-size:12px;border-bottom:1px solid var(--copper);padding:7px 0}.nav-contact span{margin-left:22px;color:var(--copper)}.menu-toggle{display:none;font-size:26px}.mobile-menu{position:fixed;z-index:49;top:74px;left:0;right:0;padding:22px var(--pad);background:var(--panel);border-bottom:1px solid var(--line)}.mobile-menu a{display:block;padding:10px 0}.progress{position:fixed;top:0;left:0;height:2px;background:var(--copper);width:0;z-index:100}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--bg);padding:10px;z-index:200}.skip:focus{top:10px}.hero{padding-top:35px;padding-bottom:0}.hero-meta{display:flex;align-items:center;justify-content:space-between}.folio{color:var(--muted)}.folio i{font-style:normal;color:var(--copper);margin-left:15px}.hero-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:4vw;align-items:center;padding:55px 0 70px}.hero h1{font-size:clamp(82px,10.2vw,154px);line-height:.88;letter-spacing:-.075em;font-weight:600}.hero h1>span{color:var(--copper)}.period{color:var(--ink)}.hero-line{font-size:clamp(22px,2vw,29px);line-height:1.25;margin-top:32px;letter-spacing:-.025em}.intro{max-width:460px;font-size:14px;color:var(--muted);margin-top:19px;line-height:1.7}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;padding:16px 21px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.copper{background:var(--copper);color:var(--bg)}.copper:hover{background:#f3b38f}.dark{background:var(--bg);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid var(--line);padding:7px 0}.text-link:hover{color:var(--copper)}.hero-art{min-height:500px;position:relative;border:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#414436 0%,#23271f 35%,#1b1e18 70%);display:grid;place-items:center;perspective:1000px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#c9d1ba0d 1px,transparent 1px),linear-gradient(90deg,#c9d1ba0d 1px,transparent 1px);background-size:44px 44px}.art-label{position:absolute;top:28px;left:50px;right:30px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.12em;color:var(--muted)}.motion-button{position:absolute;z-index:2;bottom:22px;left:25px;border:1px solid #5d6453;padding:6px 9px;font:9px monospace;color:#c7cdbd}.motion-button span{margin-left:10px}.paused :is(.lander-float,.lander-wave,.lander-boost){animation-play-state:paused!important}@keyframes float{0%,100%{transform:translateY(0) rotateX(10deg) rotateY(-18deg) rotateZ(-7deg)}50%{transform:translateY(-14px) rotateX(15deg) rotateY(-8deg) rotateZ(-5deg)}}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);font:10px monospace;letter-spacing:.05em;color:var(--muted)}.hero-bottom span:first-child{letter-spacing:0}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--copper);margin-right:7px}.hero-bottom a span{padding-left:16px}.statement{border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2.2fr 1.2fr;gap:30px;align-items:start;padding-top:90px;padding-bottom:90px}.statement>p{font-size:clamp(29px,3.4vw,50px);line-height:1.25;letter-spacing:-.04em}.statement>p span{color:var(--copper)}.statement-note{font-size:13px;line-height:1.8;color:var(--muted);padding-top:9px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:60px}.section-heading .eyebrow{margin-bottom:25px}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.8}.experience-layout{display:grid;grid-template-columns:.75fr 2fr;gap:60px}.experience aside{padding-top:25px;position:sticky;top:120px;height:fit-content}.aside-large{font-size:38px;line-height:1.15;letter-spacing:-.04em}.aside-large em{color:var(--copper)}.experience aside>p:nth-child(2){font-size:13px;color:var(--muted);max-width:180px;margin:25px 0}.experience aside small{display:block;margin-top:8px}.role{border-top:1px solid var(--line)}.role:last-child{border-bottom:1px solid var(--line)}.role summary{display:grid;grid-template-columns:145px 1fr 30px;align-items:start;padding:27px 0;cursor:pointer;gap:20px;list-style:none}.role summary::-webkit-details-marker{display:none}.date{font-size:9px;color:var(--muted);padding-top:7px;letter-spacing:.03em}.role summary h3{font-size:23px}.role summary p{font-size:12px;color:var(--muted);margin-top:6px}.expand{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--copper);font-size:18px;transition:transform .2s}.role[open] .expand{transform:rotate(45deg);background:var(--copper);color:var(--bg);border-color:var(--copper)}.role[open] summary h3{color:var(--copper)}.role-body{padding:0 36px 28px 165px;font-size:13px;line-height:1.75;color:var(--muted);max-width:850px}.role-body ul{padding-left:17px;margin:12px 0}.role-body li{padding-left:4px;margin-bottom:9px}.role-body strong{color:var(--ink);font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{border:1px solid var(--line);padding:3px 8px;font:9px monospace;color:#cbd2bf}.building{background:var(--copper);color:var(--bg);padding-top:45px;padding-bottom:25px}.building .eyebrow{color:#523d31}.build-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a261d55;padding-bottom:25px}.venture-tag{border:1px solid #2a261d66;border-radius:20px;padding:7px 13px;font:10px monospace}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:65px 0}.building h2{font-size:clamp(66px,8vw,118px);line-height:.94;letter-spacing:-.065em;font-weight:600}.building h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic}.build-desc{font-size:22px;line-height:1.3;margin-top:28px;letter-spacing:-.025em}.building .build-desc+p{font-size:13px;max-width:400px;margin:20px 0 25px;color:#3e352c;line-height:1.75}.build-panels{padding-top:8px}.build-panels article{position:relative;border-top:1px solid #2a261d55;padding:25px 0 28px 50px}.panel-no{position:absolute;left:0;top:29px;font:12px monospace;color:#584432}.build-panels h3{font-size:26px}.build-panels p{font-size:14px;color:#423629;line-height:1.75;margin:16px 0 20px}.small-label{font-size:9px}.build-foot{border-top:1px solid #2a261d55;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.06em;padding-top:20px}.expertise{padding-top:110px;padding-bottom:110px}.skills-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.skills-tabs button{text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:24px 0;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.skills-tabs button span{font:10px monospace}.skills-tabs button[aria-selected=true]{color:var(--copper);border-bottom-color:var(--copper)}.skills-panel{display:grid;grid-template-columns:1fr 1.6fr;gap:12%;padding-top:45px}.skill-caption{font:italic 29px/1.4 Georgia,serif;color:#d9dfce}.skill-list>div{display:grid;grid-template-columns:1fr 1.25fr;gap:35px;border-bottom:1px solid var(--line);padding:20px 0}.skill-list>div:first-child{padding-top:0}.skill-list h3{font-size:16px;letter-spacing:-.02em}.skill-list p{font-size:12px;line-height:1.7;color:var(--muted)}.education{background:#e9e8df;color:#1a1d17;display:grid;grid-template-columns:1fr 1fr;gap:12%}.education .eyebrow{color:#5f6556;margin-bottom:30px}.education h2{font-size:clamp(35px,4.9vw,70px)}.education h2 em{font-size:.94em;color:#747e65}.school{font-size:16px;margin-top:35px;line-height:1.8}.school span{font-size:12px;color:#5c6352}.education-records article{border-top:1px solid #1a1d173b;padding:20px 0 35px}.education-date{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.05em;color:#5f6556}.education h3{font-size:30px;margin-top:23px}.education article p{font-size:13px;margin-top:13px;color:#5f6556}.honors{display:flex;gap:12px;font-size:11px;margin-top:20px}.honors span{border:1px solid #1a1d173b;padding:5px 9px}.learning-note{border-top:1px solid #1a1d173b;padding-top:20px}.learning-note>span{font:9px monospace;letter-spacing:.08em}.learning-note p{font-size:14px;line-height:1.9;margin-top:12px}.learning-note small{color:#5f6556;font-size:10px}.contact{padding-top:80px;padding-bottom:65px;position:relative}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-star{font-size:70px;line-height:1;color:var(--copper)}.contact h2{font-size:clamp(44px,6.2vw,90px);line-height:1.1;margin-top:20px}.contact h2 em{color:var(--copper)}.contact>p:not(.copy-status){font-size:15px;color:var(--muted);margin-top:25px;line-height:1.8}.email-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:clamp(20px,3.5vw,49px);letter-spacing:-.03em;margin-top:55px;padding-bottom:18px;gap:20px;max-width:970px}.email-link span{color:var(--copper)}.email-link:hover{color:var(--copper)}.contact-actions{display:flex;gap:45px;font-size:12px;margin-top:28px}.contact-actions a,.contact-actions button{padding:7px 0;color:var(--muted)}.contact-actions span{margin-left:22px;color:var(--copper)}.contact-actions a:hover,.contact-actions button:hover{color:var(--ink)}.copy-status{font-size:12px;color:var(--copper);height:25px;margin-top:15px}.footer{border-top:1px solid var(--line);padding:30px var(--pad);display:flex;gap:30px;justify-content:space-between;align-items:center;font:9px monospace;color:var(--muted);letter-spacing:.06em}.footer a:last-child:hover{color:var(--copper)}
@media(min-width:1500px){.hero-art{min-height:570px}}@media(max-width:1050px){.header nav{gap:18px}.brand>span:last-child{display:none}.hero-art{min-height:440px}.hero-grid{gap:25px}.hero h1{font-size:clamp(80px,10.8vw,120px)}.statement{grid-template-columns:1fr 2fr}.statement-note{grid-column:2}.role summary{grid-template-columns:115px 1fr 28px;gap:15px}.role-body{padding-left:130px}.experience-layout{gap:35px;grid-template-columns:.65fr 2fr}.skills-panel{gap:6%;grid-template-columns:.9fr 1.5fr}.skill-list>div{grid-template-columns:1fr;gap:10px}.build-grid,.education{gap:8%}}
@media(max-width:760px){html{scroll-padding-top:85px}.header{height:74px}.header nav,.nav-contact{display:none}.brand>span:last-child{display:block}.menu-toggle{display:block}.section{padding-top:65px;padding-bottom:65px}.hero{padding-top:25px;padding-bottom:0}.hero-meta .folio{display:none}.hero-meta .eyebrow{font-size:9px}.hero-grid{grid-template-columns:1fr;padding:40px 0 35px;gap:42px}.hero h1{font-size:clamp(83px,16vw,125px)}.hero-line{font-size:25px}.intro{max-width:400px}.hero-art{min-height:360px;max-width:none}.hero-bottom{font-size:9px;gap:15px;padding:20px 0;flex-wrap:wrap}.hero-bottom>span:nth-child(2){display:none}.statement{grid-template-columns:1fr;gap:25px}.statement-note{grid-column:auto;max-width:370px}.statement>p{font-size:36px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.section-heading .eyebrow{margin-bottom:20px}.experience-layout{grid-template-columns:1fr;gap:25px}.experience aside{position:static;display:none}.role summary{grid-template-columns:1fr 28px;gap:6px;padding:23px 0}.role summary .date{grid-column:1/3;padding:0;font-size:9px}.role summary div{grid-column:1}.role summary .expand{grid-column:2;grid-row:2}.role summary h3{font-size:23px}.role-body{padding:0 0 25px 0;font-size:13px}.building{padding-top:30px;padding-bottom:25px}.build-top{gap:20px}.build-top .eyebrow{font-size:9px}.venture-tag{font-size:8px;white-space:nowrap}.build-grid{grid-template-columns:1fr;gap:45px;padding:40px 0 10px}.building h2{font-size:80px}.build-desc{font-size:22px}.build-panels article{padding-left:40px}.build-panels h3{font-size:25px}.build-foot{gap:20px;font-size:8px;line-height:1.5}.build-foot span:last-child{max-width:160px;text-align:right}.skills-tabs{gap:18px}.skills-tabs button{font-size:12px;align-items:start;line-height:1.4;gap:8px;padding:19px 0}.skills-tabs button span{display:none}.skills-panel{grid-template-columns:1fr;gap:30px;padding-top:30px}.skill-caption{font-size:25px}.skill-list>div{grid-template-columns:1fr 1.3fr;gap:25px}.education{grid-template-columns:1fr;gap:45px}.education h2{font-size:49px}.education h3{font-size:29px}.contact-star{font-size:50px}.contact h2{font-size:clamp(39px,7.4vw,56px);margin-top:30px}.email-link{font-size:clamp(18px,4.8vw,34px);margin-top:35px}.contact-actions{gap:25px;font-size:11px}.contact-actions span{margin-left:8px}.footer{flex-wrap:wrap;gap:24px}.footer>span:nth-child(2){display:none}.footer>a:last-child{margin-left:auto;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-button{display:none}}
@media print{.header,.progress,.hero-art,.hero-actions,.hero-bottom,.contact-actions,.menu-toggle,.footer,.skip{display:none!important}.section{padding:24px 0;background:white!important;color:black!important}.hero-grid,.experience-layout,.skills-panel,.education,.build-grid,.statement{display:block}.hero h1{font-size:60px}.hero h1 span,.hero-line,h2,h3,p,.eyebrow{color:black!important}.role-body{padding-left:0}.hero-meta,.building,.contact{display:none}details:not([open]) .role-body{display:block}.section{break-inside:avoid}.experience{break-inside:auto}.role{break-inside:avoid}body{background:white;color:black}}
.arrow-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle}.email-link .arrow-icon{width:33px;height:33px}.contact-star svg{width:60px;height:60px}


.brand{gap:12px;white-space:nowrap}
.brand-mark{display:block;width:44px;height:44px;transition:transform .2s;}
.brand:hover .brand-mark{transform:rotate(-9deg)}
.hero-art{isolation:isolate;background:radial-gradient(ellipse at 50% 49%,#334a42 0%,#262e26 44%,#1b1e18 78%)}
.art-label{left:25px;z-index:2}
.lander-character{display:block;width:100%;height:auto;overflow:visible;pointer-events:none}.lander-float{transform-box:view-box;transform-origin:50% 50%;animation:lander-drift 6s ease-in-out infinite}.lander-wave{transform-box:fill-box;transform-origin:62% 92%;animation:lander-wave 6s ease-in-out infinite}.lander-boost{transform-box:fill-box;transform-origin:0% 0%;animation:lander-boost 1.45s ease-in-out infinite alternate}

.lander-orbit{width:min(85%,430px);aspect-ratio:1;position:absolute;border:1px solid #c4d5bf35;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 19px #d4e5cf08,inset 0 0 0 13px #d4e5cf08}
.lander-orbit span{position:absolute;line-height:1;color:#ffab76;font:21px monospace}
.lander-orbit span:nth-child(1){left:7%;top:18%}
.lander-orbit span:nth-child(2){right:-3px;top:47%;color:#b9f4e5}
.lander-orbit span:nth-child(3){bottom:10%;left:13%}
.lander-status{font:9px monospace;letter-spacing:.1em;position:absolute;bottom:29px;right:25px;color:var(--muted);display:flex;align-items:center;gap:8px}
.lander-status i{display:block;width:5px;height:5px;border-radius:50%;background:#b9f4e5}
@keyframes lander-drift{0%,100%{transform:translateY(3px) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
@keyframes lander-wave{0%,10%,45%,100%{transform:rotate(0)}16%,31%{transform:rotate(-13deg)}23%,38%{transform:rotate(12deg)}}
@keyframes lander-boost{from{opacity:.6;transform:scale(.78)}to{opacity:1;transform:scale(1)}}
.writing{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,8vw,120px);border-bottom:1px solid var(--line)}
.writing h2{margin:20px 0}
.writing p{max-width:44ch;color:var(--muted);font-size:15px}
.writing-card{padding:clamp(22px,4vw,46px);border:1px solid var(--line);background:var(--panel)}
.writing-card h3{margin:14px 0 12px}
.writing-card .text-link{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:var(--copper)}
@media(max-width:760px){.writing{grid-template-columns:1fr}.lander-orbit{width:min(80%,315px)}}
@media(prefers-reduced-motion:reduce){:is(.lander-float,.lander-wave,.lander-boost){animation:none}.brand-mark{transition:none}}

.lander-stage{position:relative;z-index:1;width:min(100%,520px)}
.lander-greet{display:block;position:relative;width:100%;padding:0;border-radius:10px;touch-action:manipulation}
.lander-greet:focus-visible{outline-offset:-6px}
.lander-turn{transform-box:view-box;transform-origin:48% 49%;transition:transform .26s cubic-bezier(.2,.75,.35,1.35)}
.lander-greet:is(.lander-hover,.lander-tap,:focus-visible) .lander-turn{transform:translateX(var(--lander-look,4px)) rotate(var(--lander-turn,7deg)) scale(1.055)}
.lander-greeting{display:block;position:absolute;z-index:2;top:15%;left:66%;padding:.36em .68em;border:2px solid #142127;border-radius:16px 16px 16px 4px;background:#f9efd8;color:#142127;font-size:clamp(16px,3vw,27px);font-weight:750;line-height:1;letter-spacing:-.035em;box-shadow:3px 4px #142127b3;pointer-events:none;opacity:0;transform:translate(-4px,6px) scale(.88);transform-origin:bottom left;transition:opacity .16s,transform .26s cubic-bezier(.2,.75,.35,1.3)}
.lander-greeting::after{content:"";position:absolute;bottom:-6px;left:9px;width:9px;height:9px;background:inherit;border:solid #142127;border-width:0 2px 2px 0;transform:skewX(-20deg) rotate(45deg)}
.lander-greet:is(.lander-hover,.lander-tap,:focus-visible) .lander-greeting{opacity:1;transform:none}
.lander-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.paused .lander-greet .lander-turn{transform:none;transition:none}.paused .lander-greeting{transition:none}
@media(prefers-reduced-motion:reduce){.lander-greet .lander-turn{transform:none;transition:none}.lander-greeting{transition:none}}

.build-panels a.small-label{display:inline-block;text-decoration:underline;text-underline-offset:4px}.build-panels a:focus-visible{outline-color:var(--bg)}.writing-heading .writing-project-link{display:inline-block;margin-top:20px}

.hero-portrait {
  min-width: 0;
  width: 100%;
  max-width: 500px;
  align-self: center;
  justify-self: center;
  aspect-ratio: 4 / 5;
  border: 1px solid var(--line);
  overflow: hidden;
}
.hero-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
}
@media print { .hero-portrait { display: none; } }

.brand .brand-portrait {
  position: relative;
  display: block;
  flex: 0 0 44px;
  overflow: hidden;
  border-radius: 50%;
}
.brand .brand-portrait img {
  position: absolute;
  top: -36%;
  left: -10%;
  display: block;
  width: 120%;
  height: auto;
}

.hero-company-link { display: inline-block; margin-top: 16px; }

/* Portfolio readability and section branding */
.header {
  gap: 20px;
}
.header nav {
  gap: clamp(13px, 1.65vw, 25px);
  font-size: 13px;
}
.header nav a, .nav-contact { white-space: nowrap; }
.nav-contact { font-size: 13px; }
.nav-contact span { margin-left: 12px; }

.hero {
  background:
    radial-gradient(ellipse at 79% 20%, #314858 0%, transparent 47%),
    linear-gradient(130deg, #151f25 0%, #171916 77%);
}
.hero-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 82px);
  padding-block: clamp(36px, 5vw, 65px);
}
.hero h1 {
  font-size: clamp(70px, 9.1vw, 145px);
  line-height: .94;
  letter-spacing: -.067em;
}
.hero h1 > span { color: #c7dfeb; }
.hero-line { margin-top: 24px; }
.intro { color: #c7cec9; font-size: 15px; }
.hero-actions { flex-wrap: wrap; gap: 12px 24px; }
.hero-company-link { text-underline-offset: 4px; }
.hero-portrait {
  border-color: #7191a263;
  border-radius: 12px;
  box-shadow: 0 20px 48px #0a111976;
}
.hero-bottom {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .025em;
  color: #c4cec7;
  gap: 12px 20px;
  flex-wrap: wrap;
}
.hero-bottom a span { padding-left: 8px; }
.eyebrow, .folio, .small-label, .education-date, .venture-tag { font-size: 12px; }
.role summary .date, .tags span, .footer { font-size: 11px; }
.role-body, .skill-list p, .education article p, .statement-note { font-size: 14px; }

.role-montclair {
  border-top-color: #d6414f;
}
.role-montclair[open] summary h3 { color: #ff9da4; }
.role-montclair[open] .expand {
  background: #a52636;
  border-color: #a52636;
  color: #fff;
}
.education {
  background: linear-gradient(115deg, #f7e5e5, #fff8f6 60%);
  border-top: 5px solid #ad1f31;
  color: #29171b;
}
.education h2 em, .education .eyebrow, .school { color: #971c2e; }
.education .school span, .education-date, .education article p { color: #684349; }
.education-records article, .honors span { border-color: #cda7ad; }

.building {
  background: linear-gradient(130deg, #eaf3ff, #f7faff 68%);
  color: #102953;
}
.building .eyebrow, .building .panel-no,
.building .build-desc+p, .build-panels p { color: #365474; }
.build-top, .build-panels article, .venture-tag { border-color: #b9cce8; }
.building .button.dark { background: #123970; color: #fff; }
.building .small-label { color: #104f9e; }
.building a:focus-visible { outline-color: #104f9e; }
.vbl-heading img {
  display: block;
  width: min(100%, 370px);
  height: auto;
  border-radius: 10px;
}

.writing {
  align-items: center;
  background: linear-gradient(135deg, #112d3e, #101d29 74%);
}
.writing .eyebrow { color: #99baca; }
.writing p { color: #c0d1da; }
.writing-card { background: #122735; border-color: #345366; }
.writing .text-link { color: #76d2ff; }
.writing a:focus-visible { outline-color: #76d2ff; }
.was-brand-logo {
  display: block;
  width: clamp(138px, 18vw, 218px);
  height: auto;
  margin-top: 20px;
}

@media (min-width: 761px) and (max-width: 900px) {
  .header { height: 74px; }
  .header nav, .nav-contact { display: none; }
  .menu-toggle { display: block; }
}
@media (max-width: 760px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); }
  .hero h1 { font-size: clamp(62px, 15vw, 116px); }
  .hero-meta .eyebrow, .build-top .eyebrow, .venture-tag { font-size: 11px; }
  .hero-bottom > span:nth-child(2) { display: inline; }
  .build-top { flex-wrap: wrap; gap: 10px 16px; }
}
@media (max-width: 390px) {
  .role-body, .statement-note { font-size: 14px; }
  .education-date { flex-wrap: wrap; gap: 4px 12px; }
}
@media print {
  .hero { background: transparent; }
}