.extension-section,.recognition-section{color:#252c30;background:radial-gradient(ellipse at 80% 15%,#edf0f1a8,transparent 70%),linear-gradient(120deg,#ccd2d6,#e0e4e7 50%,#c8cfd4)}
.extension-section{padding:100px 5%}
.extension-eyebrow{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#626f76;margin-bottom:21px}
.extension-section h2,.recognition-section h2{font:400 clamp(34px,3.55vw,60px)/1.15 'Manrope',sans-serif;letter-spacing:-.06em;margin:0 0 23px}
.extension-section h2 em,.recognition-section h2 em{color:#347d83;font:italic 400 1.04em Georgia,serif;letter-spacing:-.065em}
.extension-section p,.recognition-section p{font-size:15px;line-height:1.7;color:#58666f}
.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}
.approach-intro{position:sticky;top:50px;align-self:start}.approach-intro>p{max-width:415px;margin-bottom:27px}
.extension-cta{display:inline-flex;gap:22px;align-items:center;border:1px solid #53626c80;border-radius:5px;padding:13px 17px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;transition:background .2s}.extension-cta:hover{background:#ffffff40}
.extension-cta svg,.about-more svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.3;fill:none;transform:rotate(-45deg)}
.approach-step{display:grid;grid-template-columns:35px 1fr;gap:17px;padding:32px 25px;border:1px solid #71818d35;border-radius:6px;background:linear-gradient(130deg,#f4f6f742,#a5b0b70d);margin-bottom:20px}
.approach-step:last-child{margin-bottom:0}.step-number{font-size:16px;color:#347d83}.approach-step h3{font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:0 0 15px}.approach-step p{font-size:13px;margin:0 0 20px}.approach-step ul{padding-left:17px;margin:0;color:#58666f;font-size:12px;line-height:1.9}
.extension-centered{text-align:center;max-width:800px;margin:0 auto 50px;padding:0 24px}.extension-centered p{max-width:470px;margin:0 auto}.recognition-section{padding-top:55px}.recognition-section .extension-centered{margin-bottom:45px}
.recognition-wall{height:610px;background:#1c2226;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:0 3%;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
.recognition-column{min-width:0}.recognition-track{animation:recognition-drift 48s linear infinite;will-change:transform}.recognition-column:nth-child(2) .recognition-track{animation-direction:reverse;animation-duration:55s}.recognition-column:nth-child(3) .recognition-track{animation-duration:62s}
.recognition-group{display:flex;flex-direction:column;gap:25px;padding-bottom:25px}.recognition-card{margin:0;border:1px solid #ffffff20;background:linear-gradient(125deg,#6d7b85,#394650);overflow:hidden;position:relative;border-radius:3px}
.screen-card{height:270px;padding:14px 14px 32px}.screen-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;background:#fff}.screen-card figcaption{position:absolute;left:14px;bottom:10px;font-size:8px;letter-spacing:.09em;color:#e4eaed}
.award-card{height:220px;display:flex;flex-direction:column;justify-content:center;padding:30px;color:#f0f3f4}.award-card>span{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#c2d0d6}.award-card strong{font:400 clamp(24px,3vw,45px)/1.15 'Manrope',sans-serif;letter-spacing:-.05em;margin:22px 0 12px}.award-card p{color:#c6d4da;font-size:11px;margin:0}
.recognition-wall:focus-within .recognition-track{animation-play-state:paused}
@keyframes recognition-drift{to{transform:translateY(-50%)}}
.testimonial-section{padding-top:100px;padding-bottom:65px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.testimonial-card{border:1px solid #71818d38;border-radius:6px;padding:29px;display:flex;flex-direction:column;background:linear-gradient(130deg,#f5f7f859,#d2d9dd26)}
.testimonial-mark{font:50px Georgia,serif;color:#347d83;height:45px}.testimonial-card .extension-eyebrow{font-size:7px;margin:15px 0 22px}.testimonial-card h3{font:400 23px/1.3 'Manrope',sans-serif;letter-spacing:-.045em;margin:0 0 16px}.testimonial-card p{font-size:13px;margin:0 0 30px}.testimonial-author{display:flex;align-items:center;gap:13px;margin-top:auto}.author-placeholder{width:33px;height:33px;border:1px solid #687d8750;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e4e9eb,#a5b3bc)}.testimonial-author strong,.testimonial-author div>span{display:block;font-size:9px;font-weight:400}.testimonial-author div>span{margin-top:5px;color:#63727b;font-size:8px}
.about-section{padding-top:35px;padding-bottom:85px}.about-callout{border-radius:7px;overflow:hidden;background:radial-gradient(ellipse at 10% 40%,#444d5059,transparent 65%),linear-gradient(125deg,#252c30,#141917);display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:6%;padding:50px 6% 0 2%;color:#eef1ed}
.about-portrait{position:relative;align-self:end;height:430px;overflow:hidden}.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1) brightness(.82);mix-blend-mode:luminosity;mask-image:linear-gradient(transparent,#000 10%,#000 80%,transparent)}.about-portrait>span{position:absolute;left:18px;bottom:22px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#c2cbc5}
.about-story{padding-bottom:46px}.about-story .extension-eyebrow{color:#a5b6ac}.about-story h2 em{color:#579fa5}.about-story p{color:#b5c1b9;font-size:13px;line-height:1.8}.about-more{margin-top:25px}.about-more summary{display:flex;align-items:center;gap:18px;cursor:pointer;font-size:10px;letter-spacing:.13em;text-transform:uppercase;padding:0;list-style:none}.about-more summary::-webkit-details-marker{display:none}.about-more[open] summary{margin-bottom:20px}.about-more summary:hover{color:#79b5b8}
#about,#approach,#testimonials,#recognition{scroll-margin-top:25px}
@media(max-width:800px){.extension-section{padding:65px 5%}.approach-layout{grid-template-columns:1fr;gap:32px}.approach-intro{position:static}.extension-section h2,.recognition-section h2{font-size:36px}.approach-step{padding:25px 20px}.recognition-wall{height:440px;gap:14px;padding:0 3%}.screen-card{height:200px;padding:7px 7px 30px}.screen-card figcaption{font-size:6px;left:7px;max-width:90%}.award-card{height:180px;padding:16px}.award-card strong{font-size:23px}.award-card>span{font-size:6px}.award-card p{font-size:9px}.testimonial-grid{grid-template-columns:1fr;gap:18px}.testimonial-card{padding:27px}.testimonial-section{padding-bottom:35px}.about-section{padding-top:15px}.about-callout{grid-template-columns:1fr;padding:30px 25px 0;gap:25px}.about-story{grid-row:1;padding-bottom:0}.about-portrait{height:330px;max-width:300px;width:100%;justify-self:center}.extension-centered{padding:0;margin-bottom:35px}}
@media(max-width:500px){.recognition-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recognition-column:nth-child(3){display:none}.recognition-section h2{font-size:34px}.extension-section p{font-size:14px}.about-story p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.recognition-track{animation:none;transform:none!important}.recognition-wall{overflow:auto;mask-image:none}.recognition-group[aria-hidden]{display:none}}
/* Curated original screens only: no statistic slides or multi-artboard overviews. */
.recognition-wall .curated-screen{height:285px;padding:12px 12px 32px;background:linear-gradient(125deg,#72808a,#46545e)}
.curated-screen img{object-fit:cover;object-position:top;filter:none}
.recognition-wall .award-card{height:270px;position:relative;padding:29px 26px;background:radial-gradient(ellipse at 90% 10%,#a3b5bf30,transparent 65%),linear-gradient(125deg,#536671,#34434c)}
.recognition-wall .award-card>span:not(.recognition-icon){padding-right:24px;line-height:1.5}
.recognition-icon{position:absolute;top:23px;right:22px;width:21px;height:21px;color:#b2d7d7}
.recognition-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.recognition-wall .award-card strong{font-size:35px;line-height:1.08;margin:22px 0 12px}
.recognition-wall .award-card h3{font-size:12px;font-weight:500;margin:0 0 12px;color:#e4eeee}
.recognition-wall .award-card p{font-size:11px;line-height:1.6;max-width:280px}
.publication-layout{display:grid;grid-template-columns:79px 1fr;gap:20px;align-items:center;margin-top:25px}
.publication-cover{display:block;width:79px;height:auto;box-shadow:5px 10px 20px #0004}
.recognition-wall .recognition-publication strong{font-size:23px;margin:0 0 14px;display:block}
.recognition-wall .recognition-publication h3{font-size:11px}
@media(max-width:800px){.recognition-wall .curated-screen{height:210px;padding:7px 7px 28px}.recognition-wall .award-card{height:240px;padding:24px 16px}.recognition-wall .award-card strong{font-size:26px}.recognition-wall .award-card h3{font-size:10px}.recognition-wall .award-card p{font-size:9px}.recognition-icon{width:17px;height:17px;right:14px;top:17px}.publication-layout{grid-template-columns:48px 1fr;gap:10px;margin-top:21px}.publication-cover{width:48px}.recognition-wall .recognition-publication strong{font-size:17px}.recognition-wall .award-card>span:not(.recognition-icon){font-size:7px}.recognition-wall .recognition-publication h3{font-size:9px}}
@media(max-width:500px){.recognition-wall{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x proximity}.recognition-wall .recognition-column{display:block;flex:0 0 76%;scroll-snap-align:center}}

/* Three verified awards share one recognition card. */
.recognition-wall .recognition-one-show strong{font-size:31px;margin:15px 0 18px}
.recognition-awards-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.recognition-wall .recognition-awards-list h3{font-size:12px;margin:0 0 3px}
.recognition-wall .recognition-awards-list p{font-size:9px;line-height:1.4;margin:0}
@media(max-width:800px){.recognition-wall .recognition-one-show strong{font-size:25px;margin:13px 0 14px}.recognition-awards-list{gap:11px}.recognition-wall .recognition-awards-list h3{font-size:11px}.recognition-wall .recognition-awards-list p{font-size:8px}}

/* Original myAccess desktop and mobile pixels composed like the UAD tile. */
.recognition-wall .myaccess-composition{position:relative;padding:0;background:radial-gradient(ellipse at 70% 15%,#99a7b455,transparent 80%),linear-gradient(130deg,#697782,#3f4e58)}
.myaccess-desktop{position:absolute;top:27px;left:8%;width:80%;height:235px;overflow:hidden;box-shadow:0 12px 24px #0005}
.myaccess-mobile{position:absolute;top:91px;right:7%;width:22%;height:171px;overflow:hidden;box-shadow:0 10px 22px #0007;z-index:1}
.recognition-wall .myaccess-composition img{display:block;width:100%;height:auto;object-fit:initial;filter:none;background:transparent}
.recognition-wall .myaccess-composition figcaption{left:14px;bottom:10px}
@media(max-width:800px){.myaccess-desktop{top:20px;height:162px}.myaccess-mobile{top:65px;height:117px}.recognition-wall .myaccess-composition figcaption{left:7px;bottom:9px}}

/* Condensed excerpts from the supplied LinkedIn recommendations. */
.testimonial-card blockquote{margin:0 0 29px;font-size:13px;line-height:1.75;color:#4d5e68}
.testimonial-card .testimonial-author{gap:12px;align-items:center}
.testimonial-author strong{font-size:11px;font-weight:500}
.testimonial-author div>span{font-size:9px;line-height:1.5}
.testimonial-author .testimonial-relationship{font-size:8px;color:#667780;margin-top:4px}
.testimonial-excerpt-note{font-size:8px;letter-spacing:.04em;color:#6b7b85;margin-top:19px}
.testimonial-avatar{display:block;position:relative;overflow:hidden;width:36px;height:36px;border-radius:50%;flex:0 0 36px;background:#adb8bf}
.testimonial-avatar img{position:absolute;width:609px;height:522.75px;max-width:none;left:-28.5px}
.avatar-sanchita img{top:-11.25px}.avatar-jonathan img{top:-166.5px}.avatar-amanda img{top:-347.25px}
@media(max-width:800px){.testimonial-card blockquote{font-size:14px}.testimonial-card .testimonial-author strong{font-size:12px}}

.about-portrait img.abstract-portrait{object-fit:contain;object-position:center bottom;filter:brightness(.88);mix-blend-mode:normal;mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%)}

/* Midpoint portrait: softer integration, centered with air above and below. */
.about-callout{padding-top:44px;padding-bottom:44px}
.about-portrait{align-self:center;height:380px;transform:translateY(4px)}
.about-portrait img.abstract-portrait{object-position:center;filter:brightness(.83);opacity:.88;mask-image:radial-gradient(ellipse 63% 60% at 50% 46%,#000 57%,#000b 78%,transparent 100%)}
.about-portrait>span{bottom:0}
.about-story{padding-bottom:0}
@media(max-width:800px){.about-callout{padding-top:30px;padding-bottom:30px}.about-portrait{height:300px;transform:translateY(12px)}}

/* Retain facial likeness; tonal background fragments stay within the image column. */
.about-portrait img.abstract-portrait{mask-image:none;filter:brightness(.8);opacity:.86;object-fit:contain;object-position:center}
.about-portrait{isolation:isolate;overflow:hidden}

.about-story p strong{font-weight:500;color:#d6dfd9}
.about-story p:last-child{margin-bottom:0}

/* Keep Clairol's left-hand brand mark visible; crop excess from the right. */
.recognition-wall .curated-screen img[src$="clairol-personalize.jpg"]{object-position:left top}

/* Introduce recognition together before the existing gallery drift begins. */
.recognition-track{animation-delay:0s}
@media(max-width:500px){
 .recognition-wall .recognition-column{flex-basis:calc((100% - 14px)/2)}
 .recognition-wall .recognition-column:nth-child(1){order:0}
 .recognition-wall .recognition-column:nth-child(3){order:1}
 .recognition-wall .recognition-column:nth-child(2){order:2}
 .recognition-wall .award-card{height:290px;padding:24px 14px}
 .recognition-wall .award-card strong{font-size:24px}
 .recognition-wall .recognition-one-show strong{font-size:24px}
 .recognition-wall .award-card>span:not(.recognition-icon){font-size:6px}
 .recognition-wall .recognition-awards-list h3{font-size:10px}
}
/* Project imagery fills the space above the staggered recognition cards. */
.recognition-column:nth-child(1){--recognition-start:-140px}
.recognition-column:nth-child(2){--recognition-start:-195px}
.recognition-column:nth-child(3){--recognition-start:-105px}
.recognition-track{transform:translateY(var(--recognition-start,0px))}
@keyframes recognition-drift{from{transform:translateY(var(--recognition-start,0px))}to{transform:translateY(calc(-50% + var(--recognition-start,0px)))}}
@media(max-width:800px){.recognition-column:nth-child(1){--recognition-start:-170px}.recognition-column:nth-child(2){--recognition-start:-195px}.recognition-column:nth-child(3){--recognition-start:-140px}}
/* Patent and awards titles share a scale; the patent title stays on one line. */
.recognition-wall .recognition-patent,.recognition-wall .recognition-one-show{container-type:inline-size;--recognition-title-size:31px}
.recognition-wall .recognition-patent strong,.recognition-wall .recognition-one-show strong{font-size:min(var(--recognition-title-size),14cqw);line-height:1.08;margin:15px 0 18px}
.recognition-wall .recognition-patent strong{white-space:nowrap}
@media(max-width:800px){.recognition-wall .recognition-patent,.recognition-wall .recognition-one-show{--recognition-title-size:25px}}
@media(max-width:500px){.recognition-wall .recognition-patent,.recognition-wall .recognition-one-show{--recognition-title-size:24px}}