/* About Seth — Grinning Frog Electronics */
.about-page{background:#050706}
.about-page main{overflow:hidden;background:#070907;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:100% 27px}
.profile-kicker{margin:0 0 11px;color:var(--green);font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}

.profile-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.72fr);align-items:center;gap:clamp(54px,8vw,130px);min-height:610px;padding:68px max(9vw,38px) 78px;border-bottom:1px solid #1c211b;isolation:isolate}
.profile-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 76% 46%,rgba(139,220,77,.095),transparent 28%),linear-gradient(105deg,#030504 0%,#070a07 58%,#10120e 100%)}
.profile-hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.16;background-image:linear-gradient(90deg,transparent 49.8%,rgba(139,220,77,.13) 50%,transparent 50.2%);background-size:74px 100%;pointer-events:none}
.profile-copy{max-width:720px}
.profile-copy h1{max-width:730px;margin:0 0 26px;font-size:clamp(2.7rem,5.6vw,6rem);font-weight:400;line-height:.92;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 4px 10px #000}
.profile-copy>p:not(.profile-kicker){max-width:64ch;margin:0 0 15px;color:#aeb1a8;font-family:Arial,sans-serif;font-size:.94rem;line-height:1.62}
.profile-copy .profile-lead{color:#d6d7cf!important;font-size:1.02rem!important}
.profile-rule{display:block;width:52px;height:3px;margin-top:25px;background:var(--green);box-shadow:25px 0 0 rgba(139,220,77,.3)}
.profile-photo{position:relative;justify-self:end;width:min(100%,430px);margin:0;padding:12px 12px 54px;background:#c7c1b5;color:#24261f;box-shadow:0 28px 54px rgba(0,0,0,.72);transform:rotate(1.8deg)}
.profile-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.72) contrast(1.07)}
.profile-photo figcaption{padding:13px 8px 0;font-family:"Segoe Print","Bradley Hand",cursive;font-size:.72rem;line-height:1.3;transform:rotate(-1deg)}
.profile-tape{position:absolute;z-index:2;top:-17px;left:33%;width:108px;height:30px;background:rgba(190,180,148,.76);box-shadow:0 3px 7px rgba(0,0,0,.28);transform:rotate(-3deg)}

.profile-story{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(360px,1.25fr) minmax(230px,.62fr);gap:clamp(40px,6vw,90px);width:min(1280px,86vw);margin:0 auto;padding:92px 0}
.profile-story header h2,.profile-approach h2{margin:0;color:#f0f0e9;font-size:clamp(1.75rem,3vw,3.15rem);font-weight:400;line-height:1.03;letter-spacing:-.045em;text-transform:uppercase}
.profile-story-copy{padding-left:28px;border-left:1px solid rgba(139,220,77,.36)}
.profile-story-copy p{margin:0 0 20px;color:#b8bab1;font-family:Arial,sans-serif;font-size:.94rem;line-height:1.72}
.profile-story-copy p:last-child{margin-bottom:0}
.bench-readout{align-self:start;margin:0;border:1px solid rgba(139,220,77,.45);background:rgba(2,5,3,.82);box-shadow:inset 0 0 30px rgba(139,220,77,.035)}
.bench-readout p{display:grid;gap:6px;margin:0;padding:20px 19px;border-bottom:1px solid rgba(139,220,77,.22)}
.bench-readout p:last-child{border-bottom:0}
.bench-readout span{color:var(--green);font-size:.57rem;font-weight:800;letter-spacing:.1em}
.bench-readout b{color:#d7d9d0;font-size:.69rem;line-height:1.35;text-transform:uppercase}

.profile-approach{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);gap:clamp(55px,9vw,150px);padding:82px max(8vw,36px);background:#030504;border-block:1px solid #1c211b}
.approach-note{justify-self:end;max-width:470px}
.approach-note blockquote{margin:34px 0 0;padding:22px 0 0;border-top:1px solid rgba(139,220,77,.35);color:#7f837a;font-family:"Segoe Print","Bradley Hand",cursive;font-size:.82rem;line-height:1.55;transform:rotate(-.5deg)}
.approach-list{width:100%;max-width:760px;border:1px solid rgba(139,220,77,.3)}
.approach-list article{padding:25px 27px;border-bottom:1px solid rgba(139,220,77,.22)}
.approach-list article:last-child{border-bottom:0}
.approach-list span{color:var(--green);font-size:.56rem;font-weight:800;letter-spacing:.1em}
.approach-list h3{margin:7px 0 7px;color:#e7e8e0;font-size:1rem;text-transform:uppercase}
.approach-list p{margin:0;color:#9fa198;font-family:Arial,sans-serif;font-size:.78rem;line-height:1.52}

.profile-contact{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:62px max(9vw,34px);background:linear-gradient(115deg,#111910,#060806 62%);border-bottom:1px solid rgba(139,220,77,.4)}
.profile-contact h2{margin:0 0 9px;font-size:clamp(1.6rem,2.7vw,2.7rem);line-height:1;text-transform:uppercase}
.profile-contact p:not(.profile-kicker){margin:0;color:#aeb0a7;font-family:Arial,sans-serif;font-size:.86rem}
.profile-contact>a{flex:0 0 auto;padding:13px 20px 11px;color:#071007;background:var(--green);border:1px solid var(--green);text-decoration:none;font-size:.76rem;font-weight:900;letter-spacing:.055em;box-shadow:0 0 20px rgba(139,220,77,.14)}
.profile-contact>a:hover,.profile-contact>a:focus-visible{color:var(--green-hot);background:#071007;outline:none;box-shadow:0 0 24px rgba(139,220,77,.28)}
.footer-links a.current{color:var(--green-hot);text-shadow:0 0 9px rgba(139,220,77,.3)}
.footer-links a.current img{filter:drop-shadow(0 4px 7px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(139,220,77,.28)) brightness(1.08)}

@media(max-width:1100px){
  .profile-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:48px;padding-inline:6vw}
  .profile-story{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)}
  .bench-readout{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
  .bench-readout p{border-right:1px solid rgba(139,220,77,.22);border-bottom:0}
  .bench-readout p:last-child{border-right:0}
}
@media(max-width:980px){
  .profile-hero{grid-template-columns:minmax(0,1fr) 300px;min-height:570px;padding-block:58px}
  .profile-copy h1{font-size:clamp(2.6rem,6vw,4.4rem)}
  .profile-photo{padding:9px 9px 45px}
  .profile-story{grid-template-columns:1fr;gap:35px;padding-block:68px}
  .profile-story-copy{padding:22px 0 0;border-top:1px solid rgba(139,220,77,.36);border-left:0}
  .bench-readout{grid-column:auto}
  .profile-approach{grid-template-columns:1fr;gap:38px;padding-block:64px}
  .approach-note{justify-self:start;max-width:700px}
  .approach-list{max-width:none}
}
@media(max-width:700px){
  .profile-hero{grid-template-columns:1fr;gap:45px;padding:58px 22px 68px}
  .profile-copy h1{font-size:clamp(2.65rem,13vw,4.5rem)}
  .profile-photo{justify-self:center;width:min(88vw,430px)}
  .profile-story{width:auto;padding:56px 22px}
  .bench-readout{display:block}
  .bench-readout p{border-right:0;border-bottom:1px solid rgba(139,220,77,.22)}
  .profile-approach{padding:56px 22px}
  .profile-contact{display:block;padding:50px 22px}
  .profile-contact>a{display:block;margin-top:26px;text-align:center}
}
@media(max-width:620px){
  .about-page .topbar nav{gap:0}
  .about-page .topbar nav .active{font-size:.66rem}
  .profile-copy>p:not(.profile-kicker){font-size:.89rem}
  .profile-photo figcaption{font-size:.67rem}
}
@media(prefers-reduced-motion:reduce){.profile-photo{transform:none}}
/* Review checkpoint: cohesive profile layout */