
h2{font-size:clamp(38px,4.5vw,58px)}h3{font-size:26px}.work-panel>h2{font-size:clamp(38px,4.5vw,58px)}
.expertise-grid{position:relative;isolation:isolate}.expertise-grid:before{content:"";position:absolute;z-index:-1;left:28px;right:0;top:52px;height:18px;background:linear-gradient(90deg,#06949418,#ff824325);clip-path:polygon(0 30%,96% 30%,96% 0,100% 50%,96% 100%,96% 70%,0 70%)}
.expertise-grid article{border:0;padding-top:0}.number{height:104px;width:104px;background:#fce88388;margin-bottom:28px}.number img{width:78px;height:78px}.heading-icon{display:flex;align-items:center;gap:22px}.heading-icon img{width:88px;height:88px;flex-shrink:0}.heading-icon h2{margin:0}.heading-icon{margin-bottom:32px}
.work-card{position:relative;min-width:0;padding:24px;background:#f4fafa;border-radius:12px}.work-card .project-art{background:white!important;border-radius:8px}.work-card>p{margin-bottom:12px}.card-trigger{background:none;border:0;padding:5px 0;color:#006b6b;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.card-popover{position:absolute;z-index:8;left:18px;right:18px;bottom:52px;background:white;border:1px solid #a6cdcd;border-top:5px solid var(--teal);border-radius:10px;box-shadow:0 16px 45px #10245126;padding:24px;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s;pointer-events:none}.work-card.is-open .card-popover,.work-card:focus-within .card-popover{visibility:visible;opacity:1;transform:none;pointer-events:auto}@media(hover:hover){.work-card:hover .card-popover{visibility:visible;opacity:1;transform:none;pointer-events:auto}}.card-popover p{margin-bottom:12px}.card-popover .outcomes{margin:14px 0}.card-close{position:absolute;right:12px;top:7px;background:none;border:0;font-size:22px;color:var(--ink)}
.company-logo{height:52px;max-width:205px;object-fit:contain;object-position:left;margin:18px 0 26px}.confidentiality{max-width:800px;margin-bottom:36px}.about-header{background:#edf8f7}.about-header .nav{padding-bottom:24px}.about-intro{max-width:860px;padding-block:60px 75px}.about-intro h1{font-size:clamp(54px,6vw,82px);letter-spacing:-2px}.about-intro .linkedin{display:inline-block;margin-bottom:25px;color:#006b6b;font-weight:650}.about-intro p{font-size:19px}.career-accordion{border:1px solid var(--line);border-radius:12px;padding:30px;background:#fff}.career-accordion summary{cursor:pointer;position:relative;list-style:none;padding-right:45px}.career-accordion summary::-webkit-details-marker{display:none}.career-accordion summary:after{content:"+";position:absolute;right:0;top:0;font-size:36px;color:var(--teal)}.career-accordion[open] summary:after{content:"−"}.career-accordion summary h2{font-size:clamp(30px,3.5vw,44px)}.career-accordion summary p{margin-bottom:0}.thought-grid article,.fun-grid article{background:#f4fafa;border-radius:12px;overflow:hidden}.thought-grid .card-copy,.fun-grid .card-copy{padding:25px}.thought-grid img{width:100%;height:220px;object-fit:cover}.thought-grid h3,.fun-grid h3{font-size:24px;line-height:1.25}.thought-grid a,.fun-grid a{font-weight:650;font-size:14px}.thought-intro,.fun-intro{max-width:850px;margin-bottom:36px}.fun-section{background:#fff6f8}.holiday-art{height:190px;display:flex;align-items:center;justify-content:center;background:var(--deep);color:#fce883;font-size:42px;font-weight:750;padding:25px;line-height:1.1}.fun-grid article:nth-child(2) .holiday-art{background:#069494;color:white}.fun-grid article:nth-child(3) .holiday-art{background:#ff8243;color:#102451}.fun-grid .year{display:block;font-size:14px;letter-spacing:3px;margin-bottom:10px}.philosophy{border-left:5px solid var(--orange);padding-left:24px;margin-top:28px}.about-page .section{padding-block:65px}
@media(max-width:800px){.heading-icon{gap:16px;align-items:flex-start}.heading-icon img{width:62px;height:62px}.expertise-grid:before{left:44px;top:30px;bottom:20px;width:16px;height:auto;right:auto;clip-path:polygon(30% 0,70% 0,70% 97%,100% 97%,50% 100%,0 97%,30% 97%)}.expertise-grid article{padding-left:135px;position:relative;min-height:150px}.number{position:absolute;left:0;top:0}.card-popover{position:static;display:none;transform:none;margin-top:16px}.work-card.is-open .card-popover,.work-card:focus-within .card-popover{display:block}.thought-grid img{height:auto}.career-accordion{padding:22px}.about-intro{padding-block:35px 45px}.about-intro p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.card-popover{transition:none}}

.work-card.dismissed .card-popover{visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media(max-width:800px){.work-card.dismissed .card-popover{display:none!important}}

/* Use the exact second-row artwork, framed from the supplied sheet. */
.selected-icon{display:block;width:104px;height:104px;flex:0 0 104px;background-image:url('icon-reference.png');background-repeat:no-repeat;background-size:300% 200%;border-radius:50%}.icon-story{background-position:0% 100%}.icon-discovery{background-position:50% 100%}.icon-demand{background-position:100% 100%}.number{background:#fff;width:112px;height:112px}.number .selected-icon{width:112px;height:112px;flex-basis:112px}.heading-icon .selected-icon{width:104px;height:104px;flex-basis:104px}.expertise-grid:before{display:none}.flow-arrow{position:absolute;z-index:-1;pointer-events:none;left:0;top:-40px;width:100%;height:280px;opacity:.4;object-fit:fill}.expertise-grid article{position:relative}.expertise-grid h3,.expertise-grid p,.expertise-grid a{position:relative;z-index:1}.demand-stories{display:flex;flex-direction:column;gap:32px}.demand-stories article{border-top:1px solid var(--line);padding-top:30px;max-width:900px}.demand-stories article:first-child{border-top:0;padding-top:0}.demand-stories article p{max-width:850px}.provoke-image{display:block!important;max-width:640px;margin:18px 0!important}.provoke-image img{width:100%;height:auto;border-radius:8px}.holiday-image{height:300px;padding:18px;background:white;display:flex;align-items:center;justify-content:center}.holiday-image img{width:100%;height:100%;object-fit:contain}.holiday-2025{background:#102451}.holiday-2018{height:460px}.holiday-2019{height:300px;padding:0}.holiday-2019 img{object-fit:contain}.fun-grid{align-items:start}.company-logo{height:52px;width:205px}
@media(max-width:800px){.heading-icon .selected-icon{width:76px;height:76px;flex-basis:76px}.flow-arrow{top:55px;left:0;width:95px;height:calc(100% - 80px);object-fit:fill;transform:none;opacity:.25}.expertise-grid article{padding-left:140px}.number{left:0}.holiday-image{height:330px}.holiday-2018{height:500px}.holiday-2019{height:auto;padding:0}.holiday-2019 img{height:auto}.demand-stories{gap:26px}}

.flow-arrow-mobile{display:none}@media(max-width:800px){.flow-arrow{display:none}.flow-arrow-mobile{display:block;position:absolute;z-index:-1;pointer-events:none;top:55px;left:0;width:112px;height:calc(100% - 90px);object-fit:fill;opacity:.4}}

/* Align demand narratives with the full metric row. */
.demand-stories article,.demand-stories article p{max-width:none;width:100%}.raindrop-metric-label{font-size:14px;letter-spacing:-.3px;white-space:nowrap}@media(max-width:800px){.raindrop-metric-label{font-size:16px;letter-spacing:0;white-space:normal}}

.work-company-logo{height:36px;width:170px;max-width:100%;margin:0 0 22px;object-fit:contain;object-position:left}

.leadership-accordion summary{cursor:pointer;list-style:none;position:relative;padding-right:48px}.leadership-accordion summary::-webkit-details-marker{display:none}.leadership-accordion summary .tag{display:block}.leadership-accordion summary h3{margin-bottom:0}.leadership-accordion summary:after{content:"+";position:absolute;right:0;top:16px;color:var(--teal);font-size:32px;line-height:1}.leadership-accordion[open] summary:after{content:"−"}.leadership-details{padding-top:24px}

.demand-company-stories{display:flex;flex-direction:column;gap:32px;margin-top:30px}.demand-company-stories article:first-child{border-top:1px solid var(--line);padding-top:30px}

.leadership-accordion summary .leadership-overview{padding-top:20px}.leadership-accordion summary .leadership-overview p:last-child{margin-bottom:0}.leadership-details .demand-company-stories{margin-top:0}

/* Selected palette: navy, teal, bright fuchsia, gold, warm white. */
:root{--teal:#008C95;--deep:#102451;--ink:#102451;--orange:#FFC43D;--fuchsia:#EC007F;--yellow:#FFC43D;--pale:#edf8f7;--line:#c8dfdf}
body{background:#FFFDF8}.hero{border-bottom-color:#EC007F}.hero .intro p,.hero .textlink{color:#102451}.hero .orange{background:#EC007F;color:#fff}.orange{background:#EC007F;color:#fff}.navlinks a:hover{color:#b50061}.expertise .eyebrow{color:#006b73}.expertise-grid a,.card-trigger,.about-intro .linkedin{color:#006b73}.tag{color:#006b73}.work-card,.thought-grid article,.fun-grid article{background:#f0f7f6}.impact{background:#edf8f7}.about-header{background:#edf8f7}.fun-section{background:#fff7df}.metric{border-top-color:#008C95}.metric:nth-child(2){border-color:#FFC43D}.metric:nth-child(3){border-color:#EC007F}.value{color:#102451}.card-popover{border-color:#c8dfdf;border-top-color:#EC007F}.work-panel .two article{border-top-color:#EC007F}.work-panel .two article:nth-child(even){border-top-color:#FFC43D}.timeline .step{border-left-color:#008C95}.timeline .step:nth-child(even){border-left-color:#EC007F}.philosophy{border-left-color:#FFC43D}.contact{background:#102451}.contact .orange{background:#FFC43D;color:#102451}.contact h2 span,.contact .eyebrow{color:#FFC43D}.holiday-2025{background:#102451}.leadership-accordion summary:after,.career-accordion summary:after{color:#008C95}:focus-visible{outline-color:#EC007F}.hero :focus-visible{outline-color:#EC007F}
/* Solid teal gives discovery a clear focal point; evidence stays on white. */
.discovery{background:#008C95;color:#fff}.discovery .tag,.discovery .eyebrow,.discovery .small{color:#fff}.discovery .value{color:#fff}.discovery .metric{border-top-color:#FFC43D}.discovery .metric:nth-child(2){border-top-color:#fff}.discovery .metric:nth-child(3){border-top-color:#FFC43D}.discovery .rule{border-top-color:#ffffff66}.discovery a{color:#fff}.discovery .ai-evidence{background:#fff;border-color:#fff}.discovery .ai-evidence figcaption{color:#42656b}.discovery :focus-visible{outline-color:#FFC43D}

/* Equal holiday artwork frames in the requested year order. */
.fun-grid{align-items:stretch}.holiday-image,.holiday-2025,.holiday-2019,.holiday-2018{height:280px;padding:0;background:#fff}.holiday-image img{width:100%;height:100%;object-fit:cover}.holiday-2025 img{object-fit:contain;padding:12px}.holiday-2018 img{object-fit:cover;object-position:center 48%}.holiday-2019 img{object-fit:cover;object-position:center}@media(max-width:800px){.holiday-image,.holiday-2025,.holiday-2019,.holiday-2018{height:300px}.holiday-image img{height:100%}.holiday-2018 img{object-position:center 48%}}

.hero{background-image:url('hero-palette.png')}.selected-icon{background-image:url('icons-palette.png')}

/* Dark hero contrast trial. */
.hero{background-color:#102451;color:#FFFDF8}.hero .welcome h1,.hero .welcome h1 span,.hero .intro p,.hero .textlink,.hero .identity,.hero .navlinks a{color:#FFFDF8}.hero .navlinks a:hover{color:#FFC43D}.hero .orange{background:#EC007F;color:#fff}.hero :focus-visible{outline-color:#FFC43D}

.hero{background-image:url('hero-dark.png')}

/* Match About Shannon to the dark homepage header. */
.about-header{background:#102451;color:#FFFDF8}.about-header .identity,.about-header .navlinks a,.about-intro .linkedin{color:#FFFDF8}.about-header .navlinks a:hover,.about-intro .linkedin:hover{color:#FFC43D}.about-header .eyebrow{color:#FFC43D}.about-header .philosophy{border-left-color:#EC007F}.about-header{border-bottom:7px solid #EC007F}.about-header :focus-visible{outline-color:#FFC43D}

.fun-section{background:#E7EBF3}

.about-section-icon{background-image:url('about-icon-concepts.png');background-size:300% 200%;border-radius:14px}.icon-thought{background-position:0% 0%}.icon-fun{background-position:0% 100%}

/* Original photos arranged as overlapping circles beside the introduction. */
.about-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:55px;align-items:start}.about-photo-collage{position:sticky;top:45px;width:100%;height:530px;margin:65px 0 0}.portrait-circle{position:absolute;border-radius:50%;overflow:hidden;border:5px solid #FFFDF8;box-shadow:0 12px 32px #0003;background:#fff}.portrait-circle img{width:100%;height:100%;object-fit:cover}.portrait-main{width:320px;height:320px;left:50%;top:65px;transform:translateX(-50%);border-color:#008C95;border-width:7px}.portrait-main img{object-position:56% center;transform:scale(1.75);transform-origin:56% 52%}.portrait-wit{width:155px;height:155px;left:-5px;top:0;border-color:#FFC43D}.portrait-wit img{object-position:center 16%}.portrait-hackett{width:170px;height:170px;right:-5px;top:325px;border-color:#EC007F}.portrait-hackett img{object-position:70% 15%}.portrait-idc{width:145px;height:145px;left:0;top:350px;border-color:#FFFDF8}.portrait-idc img{object-position:52% center;transform:scale(1.55);transform-origin:52% 45%}@media(max-width:950px){.about-intro{gap:25px;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr)}.portrait-main{width:270px;height:270px}.portrait-wit{width:130px;height:130px}.portrait-hackett{width:140px;height:140px;top:290px}.portrait-idc{width:125px;height:125px;top:300px}.about-photo-collage{height:460px}}@media(max-width:800px){.about-intro{grid-template-columns:1fr}.about-photo-collage{position:relative;top:auto;margin:5px auto 0;max-width:400px;height:450px}.portrait-main{width:290px;height:290px}.portrait-wit{left:0}.portrait-hackett{right:0;top:290px}.portrait-idc{left:0;top:310px}}

/* Crop the main portrait below the Raindrop wall lettering. */
.portrait-main img{transform:scale(2.8);transform-origin:56% 55%}

/* One photo mosaic in a circular silhouette extending beyond the page edge. */
.about-header{overflow:hidden}.about-intro{position:relative;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:50px}.about-intro-copy{position:relative;z-index:1}.collage-half-circle{position:relative;top:auto;margin:45px 0 0;width:700px;height:700px;max-width:none;border-radius:50%;overflow:hidden;border:7px solid #008C95;box-shadow:0 0 0 8px #102451,0 0 0 11px #EC007F}.photo-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;background:#102451;padding:0}.mosaic-photo{min-width:0;min-height:0;overflow:hidden}.mosaic-photo img{width:100%;height:100%;object-fit:cover}.mosaic-nrf img{object-position:29% 42%}.mosaic-floral img{object-position:60% 35%}.mosaic-raindrop img{object-position:56% center;transform:scale(2.8);transform-origin:56% 55%}.mosaic-wit img{object-position:center 25%}.mosaic-hackett img{object-position:65% 22%}.mosaic-idc img{object-position:52% center;transform:scale(1.45);transform-origin:52% 45%}@media(min-width:1500px){.collage-half-circle{width:820px;height:820px}}@media(max-width:950px){.about-intro{grid-template-columns:minmax(0,1.15fr) minmax(240px,1fr);gap:30px}.collage-half-circle{width:620px;height:620px;margin-top:70px}}@media(max-width:800px){.about-intro{grid-template-columns:1fr}.collage-half-circle{width:560px;height:560px;margin:15px 0 0 12%;max-width:none}.photo-mosaic{gap:5px}}@media(max-width:480px){.collage-half-circle{width:460px;height:460px;margin-left:5%}}

/* Single cutout portrait above; a quiet event-photo strip below. */
.about-intro{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:55px;align-items:center}.about-cutout-portrait{position:relative;isolation:isolate;margin:30px 0 0;align-self:center;min-width:0}.about-cutout-portrait>img{position:relative;width:100%;height:520px;object-fit:contain;object-position:center bottom;z-index:1}.portrait-arc{position:absolute;z-index:0;inset:16% -4% 5% 5%;border:5px solid #008C95;border-bottom-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(24deg);opacity:.7}.portrait-spark{position:absolute;right:5%;top:25%;width:42px;height:42px;background:#EC007F;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}.event-photo-section{padding-block:0 65px}.event-photo-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.event-photo{margin:0;min-width:0}.event-photo img{width:100%;height:205px;object-fit:cover;border-radius:10px}.event-photo figcaption{font-size:12px;font-weight:600;color:#42656b;margin-top:8px}.event-photo-0 img{object-position:center 20%}.event-photo-1 img{object-position:66% 20%}.event-photo-2 img{object-position:52% center}.event-photo-3 img{object-position:30% center}.event-photo-4 img{object-position:60% 25%}@media(max-width:950px){.about-intro{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:30px}.about-cutout-portrait>img{height:440px}.event-photo img{height:170px}}@media(max-width:800px){.about-intro{grid-template-columns:1fr}.about-cutout-portrait{width:min(380px,100%);margin:0 auto}.about-cutout-portrait>img{height:450px}.event-photo-strip{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px;scroll-snap-type:x mandatory}.event-photo{flex:0 0 185px;scroll-snap-align:start}.event-photo img{height:205px}}

/* Text-only About introduction; event photos follow the fun section. */
.about-intro{display:block;max-width:860px}.event-photo-section{padding-block:50px 65px}

.event-photo-1 img{object-position:56% center;transform:scale(1.65);transform-origin:56% 60%}.event-photo-1{overflow:hidden;border-radius:10px}

/* Keep the wall lettering outside the photo-strip portrait crop. */
.event-photo-1 img{object-position:56% center;transform:scale(2.8);transform-origin:56% 55%}

/* Enlarge the Google evidence without shifting the surrounding layout. */
.ai-results .ai-evidence{position:relative;overflow:visible}
.ai-results .ai-evidence img{position:relative;transition:transform .25s ease,box-shadow .25s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){
  .ai-results .ai-evidence:hover{z-index:2}
  .ai-results .ai-evidence img:hover{transform:scale(1.5);box-shadow:0 12px 36px #10245140;z-index:1}
}
@media(prefers-reduced-motion:reduce){
  .ai-results .ai-evidence img{transition:none}
}

/* Match contact section labels to the main section headings. */
#contact .eyebrow{font-size:23px;text-transform:none;letter-spacing:normal;line-height:1.3;}
