/* ColinBoguski.com Production Build 2 */
:root {
  --warm-white:#FAFAF8; --white:#fff; --charcoal:#22262B; --charcoal-soft:#454A50;
  --grey-text:#676C72; --grey-border:#D9DBD7; --grey-light:#F2F2EF;
  --hip-green:#1B4332; --hip-green-dark:#123126; --hip-green-light:#E9F0EC;
  --gold:#C9A227; --gold-dark:#9A7A16; --gold-light:#F4EED4;
  --navy:#1B2D3F; --error:#A63333; --success:#276749;
  --font-serif:Georgia,"Times New Roman",serif;
  --font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --h1:clamp(2.75rem,5.4vw,4.75rem); --h2:clamp(2.1rem,4vw,3.25rem);
  --h3:clamp(1.55rem,2.5vw,2.1rem); --body-xl:clamp(1.2rem,1.7vw,1.4rem);
  --shadow:0 18px 48px rgba(34,38,43,.08); --radius:5px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--warm-white);color:var(--charcoal);font-family:var(--font-sans);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden} img{max-width:100%;height:auto} a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px} a:hover{text-decoration-color:var(--gold)}
button,input,textarea,select{font:inherit} button{cursor:pointer}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--charcoal);color:white;padding:10px 16px}.skip-link:focus{top:16px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.reading{width:min(720px,calc(100% - 48px));margin-inline:auto}
.section{padding:128px 0}.section-sm{padding:88px 0}.section-border{border-top:1px solid var(--grey-border)}.surface{background:var(--white)}.surface-soft{background:var(--grey-light)}.surface-green{background:var(--hip-green);color:white}.surface-charcoal{background:var(--charcoal);color:white}
.kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--hip-green);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kicker::before{content:"";display:block;width:28px;height:2px;background:var(--gold)}.surface-green .kicker,.surface-charcoal .kicker{color:var(--gold-light)}
h1,h2{font-family:var(--font-serif);font-weight:400;letter-spacing:-.035em} h1{font-size:var(--h1);line-height:1.04;margin:.1em 0 .36em} h2{font-size:var(--h2);line-height:1.1;margin:.1em 0 .45em} h3{font-size:var(--h3);line-height:1.2;margin:.15em 0 .55em;font-weight:500} h4{font-size:1.18rem;margin:.1em 0 .4em}.lead{font-size:var(--body-xl);line-height:1.55;color:var(--charcoal-soft);max-width:780px}.surface-green .lead,.surface-charcoal .lead{color:rgba(255,255,255,.84)}
.eyebrow{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--grey-text)}.muted{color:var(--grey-text)}.meta{font-size:.84rem;color:var(--grey-text)}.rule{height:1px;background:var(--grey-border);margin:32px 0}.gold-rule{width:42px;height:3px;background:var(--gold);margin:22px 0}
.site-header{height:82px;position:sticky;top:0;z-index:100;background:rgba(250,250,248,.97);border-bottom:1px solid transparent;transition:border-color .2s ease}.site-header.scrolled{border-color:var(--grey-border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{display:block;width:205px;max-height:52px}.desktop-nav{display:flex;align-items:center;gap:25px;font-size:.92rem}.desktop-nav a{text-decoration:none}.desktop-nav a[aria-current="page"]{font-weight:700}.button,.button-secondary,.button-green{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:var(--radius);font-size:.94rem;font-weight:650;text-decoration:none;border:1px solid var(--charcoal);transition:background .18s,color .18s,border-color .18s}.button{background:var(--charcoal);color:white}.button:hover{background:#3a3f45}.button-secondary{background:transparent;color:var(--charcoal)}.button-secondary:hover{background:var(--grey-light)}.button-green{background:var(--hip-green);border-color:var(--hip-green);color:white}.button-green:hover{background:var(--hip-green-dark)}.surface-green .button-secondary,.surface-charcoal .button-secondary{border-color:rgba(255,255,255,.65);color:white}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.editorial-link{display:inline-flex;align-items:center;gap:8px;font-weight:650;text-decoration:none}.editorial-link .arrow{transition:transform .18s}.editorial-link:hover .arrow{transform:translateX(4px)}
.mobile-menu-button{display:none;align-items:center;gap:8px;border:0;background:transparent;color:var(--charcoal);padding:10px 0}.mobile-menu{position:fixed;inset:0;background:var(--warm-white);z-index:200;display:none;overflow:auto}.mobile-menu.open{display:block}.mobile-menu-inner{padding:24px;min-height:100%;display:flex;flex-direction:column}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu-top img{width:54px;height:54px}.mobile-menu-close{border:0;background:none;padding:12px}.mobile-menu nav{display:grid;gap:11px;margin:52px 0 44px}.mobile-menu nav a{font-family:var(--font-serif);font-size:2rem;text-decoration:none}.mobile-secondary{display:grid;gap:11px;border-top:1px solid var(--grey-border);padding-top:28px}.mobile-secondary a{text-decoration:none}
.hero-home{padding:70px 0 104px}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:72px;align-items:center}.hero-copy .lead{max-width:680px}.portrait-placeholder{min-height:570px;background:linear-gradient(180deg,#e9e8e3 0%,#d9d7d0 100%);border:1px solid #d0cec7;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;position:relative;overflow:hidden}.portrait-placeholder::before{content:"";position:absolute;inset:12% 22% 22%;border:1px solid rgba(34,38,43,.15);border-radius:50% 50% 42% 42%}.portrait-placeholder strong{position:relative;font-size:.88rem}.portrait-placeholder span{position:relative;font-size:.78rem;color:var(--grey-text)}
.portrait-photo,.feature-photo{display:block;width:100%;height:100%;object-fit:cover}.hero-portrait,.about-portrait,.speaking-photo{width:100%;max-width:100%;overflow:hidden}.hero-portrait{min-height:570px;aspect-ratio:4/5;background:var(--grey-light)}.hero-portrait .portrait-photo{object-position:50% 44%}.about-portrait{min-height:440px;aspect-ratio:4/5}.about-portrait .portrait-photo{object-position:50% 42%}.speaking-photo{min-height:440px;aspect-ratio:4/5;background:var(--charcoal)}.speaking-photo .feature-photo{object-position:50% 34%}.speaking-photo.landscape{aspect-ratio:16/10;min-height:360px}.photo-caption{font-size:.78rem;color:var(--grey-text);margin:.7rem 0 0}.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.photo-pair figure{margin:0}.photo-pair img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 32%}
.page-hero{padding:96px 0 82px}.page-hero .lead{max-width:850px}.intro-grid{display:grid;grid-template-columns:7fr 4fr;gap:90px;align-items:start}.intro-grid p:first-of-type{font-size:1.23rem;line-height:1.58}.portrait-small{min-height:420px}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.initiative-card{border:1px solid var(--grey-border);padding:42px;min-height:325px;display:flex;flex-direction:column;background:var(--warm-white);transition:border-color .18s}.initiative-card:hover{border-color:var(--charcoal)}.initiative-card.hip{border-top:3px solid var(--hip-green)}.initiative-card .role{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--grey-text);font-weight:700}.initiative-card p{color:var(--charcoal-soft)}.initiative-card .editorial-link{margin-top:auto;padding-top:24px}.statement{max-width:940px}.statement h2{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.05}.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.media-placeholder{min-height:400px;background:var(--grey-light);border:1px solid var(--grey-border);display:flex;align-items:flex-end;padding:24px;color:var(--grey-text);font-size:.82rem}.book-cover{aspect-ratio:2/3;width:min(310px,100%);background:var(--charcoal);color:white;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.book-cover .book-title{font-family:var(--font-serif);font-size:2.25rem;line-height:1.05}.book-cover small{color:var(--gold-light)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.article-card{border-top:1px solid var(--charcoal);padding-top:22px;display:flex;flex-direction:column;min-height:245px}.article-card h3{font-family:var(--font-serif);font-weight:400;font-size:1.55rem}.article-card p{color:var(--charcoal-soft)}.article-card .editorial-link{margin-top:auto}.cta{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end}.cta h2{max-width:800px}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.work-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:72px 0;border-top:1px solid var(--grey-border)}.work-row:first-child{border-top:0}.work-context{padding:32px;background:var(--grey-light);border-left:3px solid var(--gold)}.work-context dl{display:grid;grid-template-columns:130px 1fr;gap:12px 18px;margin:0}.work-context dt{font-size:.79rem;text-transform:uppercase;letter-spacing:.06em;color:var(--grey-text);font-weight:700}.work-context dd{margin:0}.work-row.reverse .work-context{order:-1}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-card{border:1px solid var(--grey-border);padding:34px}.topic-card p{color:var(--charcoal-soft)}.format-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--grey-border);border:1px solid var(--grey-border)}.format-list div{background:var(--warm-white);padding:26px}.feature-panel{background:var(--hip-green-light);padding:54px}.feature-panel h2{max-width:800px}
.idea-list{border-top:1px solid var(--grey-border)}.idea-item{display:grid;grid-template-columns:150px 1fr 150px;gap:30px;padding:34px 0;border-bottom:1px solid var(--grey-border);align-items:start}.idea-item h3{font-family:var(--font-serif);font-weight:400;margin-top:0}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 48px}.filter-button{border:1px solid var(--grey-border);background:transparent;padding:10px 15px;border-radius:99px}.filter-button.active{background:var(--charcoal);border-color:var(--charcoal);color:white}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.resource-card{border:1px solid var(--grey-border);background:var(--white);padding:34px}.resource-card .resource-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8rem;color:var(--grey-text);margin:18px 0}.resource-card .resource-actions{display:flex;gap:18px;flex-wrap:wrap}.resource-card[hidden],.idea-item[hidden]{display:none}.resource-controls{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:36px 0}.search-input{width:100%;min-height:48px;border:1px solid var(--grey-border);background:white;padding:0 15px;border-radius:var(--radius)}
.timeline{border-top:1px solid var(--grey-border)}.timeline-item{display:grid;grid-template-columns:220px 1fr;gap:46px;padding:32px 0;border-bottom:1px solid var(--grey-border)}.timeline-item h3{font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.principle-panel{background:var(--hip-green-light);padding:58px}.principle-panel p{font-size:1.18rem;max-width:800px}.bio-block{border:1px solid var(--grey-border);padding:34px;margin:24px 0}.copy-button{border:0;background:var(--grey-light);padding:9px 12px;font-size:.83rem}
.contact-paths{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.contact-path{border:1px solid var(--grey-border);background:transparent;padding:20px 14px;text-align:left;min-height:105px}.contact-path.active{border-color:var(--hip-green);background:var(--hip-green-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:650;font-size:.91rem}.field input,.field textarea,.field select{width:100%;border:1px solid var(--grey-border);background:white;min-height:50px;padding:12px 14px;border-radius:var(--radius);color:var(--charcoal)}.field textarea{min-height:160px;resize:vertical}.form-note{font-size:.82rem;color:var(--grey-text)}.honeypot{position:absolute!important;left:-10000px!important}.form-success{padding:24px;background:var(--hip-green-light);border-left:3px solid var(--hip-green);display:none}.form-success.visible{display:block}
.site-footer{padding:78px 0 34px;background:var(--navy);color:white}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand img{width:200px;filter:none}.footer-brand p{color:rgba(255,255,255,.7);max-width:320px}.footer-col h3{font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--gold-light)}.footer-col nav{display:grid;gap:9px}.footer-col a{color:rgba(255,255,255,.82);text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:54px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:rgba(255,255,255,.62)}.footer-bottom nav{display:flex;gap:18px}
.detail-meta{display:flex;flex-wrap:wrap;gap:14px 28px;margin:26px 0;color:var(--grey-text);font-size:.9rem}.article-body{font-family:var(--font-serif);font-size:1.15rem;line-height:1.78}.article-body h2{margin-top:2em}.article-body h3{font-family:var(--font-sans);margin-top:2em}.pullquote{font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;border-left:3px solid var(--gold);padding-left:26px;margin:56px 0}.breadcrumbs{font-size:.84rem;color:var(--grey-text);padding-top:30px}.breadcrumbs a{color:var(--charcoal-soft)}
@media (max-width:1023px){.desktop-nav{display:none}.mobile-menu-button{display:flex}.hero-grid,.intro-grid,.split,.cta,.work-row{grid-template-columns:1fr;gap:50px}.hero-home{padding-top:48px}.hero-copy{order:0}.portrait-placeholder{order:1;min-height:500px}.card-grid,.topic-grid,.resource-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr 1fr}.article-card:last-child{grid-column:1/-1}.cta-actions{align-items:flex-start}.work-row.reverse .work-context{order:0}.contact-paths{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.3fr 1fr 1fr}.footer-brand{grid-column:1/-1}.format-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.container,.reading{width:min(100% - 40px,1180px)}.site-header{height:68px}.brand img{width:150px}.brand .desktop-logo{display:none}.brand .mobile-logo{display:block!important;width:48px;height:48px}.section{padding:80px 0}.section-sm{padding:62px 0}.page-hero{padding:68px 0 54px}.hero-home{padding:44px 0 74px}.hero-grid{gap:38px}.portrait-placeholder{min-height:440px}.actions{flex-direction:column;align-items:stretch}.actions .button,.actions .button-secondary,.actions .button-green{width:100%}.card-grid,.article-grid,.topic-grid,.resource-grid{grid-template-columns:1fr}.article-card:last-child{grid-column:auto}.initiative-card{min-height:auto;padding:30px}.statement h2{font-size:clamp(2.5rem,11vw,3.5rem)}.split{gap:36px}.book-cover{margin-inline:auto}.cta{gap:32px}.work-row{padding:52px 0}.work-context dl{grid-template-columns:1fr;gap:5px}.work-context dd{margin-bottom:12px}.format-list{grid-template-columns:1fr}.feature-panel,.principle-panel{padding:34px 26px}.idea-item{grid-template-columns:1fr;gap:8px;padding:28px 0}.idea-item .meta:last-child{margin-top:6px}.resource-controls{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:8px}.contact-paths{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-top{grid-template-columns:1fr 1fr;gap:38px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-bottom nav{flex-wrap:wrap}.media-placeholder{min-height:300px}.portrait-small{min-height:360px}}
@media (max-width:767px){.hero-portrait,.about-portrait,.speaking-photo,.speaking-photo.landscape{min-height:0}}
@media (max-width:480px){.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.resource-card,.topic-card,.bio-block{padding:26px 22px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
