/* Preserve original blocks and motion; let studio photographs keep their full aspect ratio. */
.about-final .about-practice-spacing{margin-top:100px}
.about-final .about-photo-section{padding:80px 0 120px}
.about-final .ab-about-left-thumb{height:auto;width:100%;max-width:600px;overflow:visible}
.about-final .ab-about-left-thumb img,.about-final .ab-about-right-thumb img{max-width:100%;height:auto;object-fit:contain}
.about-final .ab-about-left-thumb img{width:100%;display:block}
.about-final .ab-about-right-thumb{overflow:visible}
.about-final .about-category-section{padding:100px 0}
@media(max-width:767px){.about-final .about-photo-section{padding:50px 0 10px}.about-final .ab-about-thumb-wrap{margin-bottom:30px}.about-final .about-category-section{padding:55px 0}.about-final .about-practice-spacing{margin-top:55px}}

/* Give relocated sections their own space, including pinned and absolute content. */
.about-final .ab-2-work-area{padding-top:110px;padding-bottom:100px}
.about-final .tp-instagram-area{height:auto;min-height:1100px;padding-top:100px;padding-bottom:430px;position:relative}
.about-final .sv-big-text-area{position:relative;padding-top:110px;background:#fff}
.about-final .ab-2-hero-main{padding-top:80px;padding-bottom:70px}
@media(min-width:768px){
 .about-final .ab-2-hero-thumb-wrap{width:100%;padding-left:0}
 .about-final .ab-2-hero-thumb-wrap>img{width:58%;height:auto}
 .about-final .ab-2-hero-thumb-wrap .ab-2-hero-title{left:35%;right:0;top:9%;font-size:clamp(54px,6vw,112px);letter-spacing:-.04em;line-height:1.06}
}
@media(max-width:1199px){.about-final .tp-instagram-area{min-height:950px}}
@media(max-width:767px){
 .about-final .tp-instagram-area{min-height:0;padding:65px 20px 80px}
 .about-final .tp-instagram-thumb-wrap{display:block;width:100%}
 .about-final .tp-instagram-thumb img{height:auto}
 .about-final .tp-instagram-content-wrap{position:static;margin:35px 0 0}
 .about-final .tp-instagram-title{font-size:clamp(27px,7vw,50px);overflow-wrap:anywhere}
 .about-final .ab-2-hero-thumb-wrap .ab-2-hero-title{font-size:clamp(44px,10vw,76px);letter-spacing:-.04em}
 .about-final .ab-2-work-area{padding:65px 0}
 .about-final .sv-big-text-area{padding-top:65px}
}

/* Keep the two-line portrait caption and remove the surplus section buffer. */
.about-final .tp-instagram-area{min-height:0;padding-bottom:40px}
.about-final .sv-big-text-area{padding-top:65px}
@media(min-width:768px){.about-final .ab-2-hero-thumb-wrap .ab-2-hero-title{left:35%;right:auto;width:65%;font-size:clamp(42px,4.4vw,82px);white-space:nowrap;line-height:1.12}}
@media(max-width:767px){.about-final .tp-instagram-area{padding-bottom:45px}.about-final .ab-2-hero-thumb-wrap .ab-2-hero-title{white-space:normal}}

/* Shared content edges and typographic hierarchy for the assembled About. */
.about-final{--about-body:18px;--about-section:clamp(36px,4.2vw,68px);--about-subheading:clamp(26px,2.3vw,38px)}
.about-final .container{width:calc(100% - 96px);max-width:1480px;padding-left:0;padding-right:0}
.about-final .container .container{width:100%;max-width:100%}
.about-final .ab-2-portfolio-area>.container-fluid:first-child,.about-final .mk-app-heading{width:calc(100% - 96px);max-width:1480px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
.about-final p{font-size:var(--about-body);line-height:1.65}
.about-final :is(.ab-2-work-title,.ab-inner-funfact-title,.ab-brand-title,.tp-award-area .tp-section-title,.ab-2-portfolio-area .tp-section-title,.mk-app-heading .tp-section-title){font-size:var(--about-section);line-height:1.08;letter-spacing:-.035em}
.about-final :is(.ab-about-category-title,.sv-service-title){font-size:var(--about-subheading);line-height:1.2;letter-spacing:-.025em}
.about-final :is(.ab-about-category-list li,.ab-about-category-list a){font-size:18px;line-height:1.65}
.about-document-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative;z-index:2}
.about-document-buttons .tp-btn-white{min-width:175px;text-align:left;border:0;cursor:pointer;text-decoration:none;opacity:1;font-family:inherit;font-size:16px;line-height:1.4}
@media(max-width:767px){.about-final .container,.about-final .ab-2-portfolio-area>.container-fluid:first-child,.about-final .mk-app-heading{width:calc(100% - 40px)}.about-final{--about-body:16px}.about-final :is(.ab-about-category-list li,.ab-about-category-list a){font-size:16px}}

/* Match the Gallery + Lab rail: 1800px maximum and the same card gutters. */
.about-final .ab-2-portfolio-thumb-wrap{width:100%;max-width:1800px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.about-final .ab-2-portfolio-thumb-wrap>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-left:0;margin-right:0}
.about-final .ab-2-portfolio-thumb-wrap>.row>div{width:auto;max-width:none;padding:0;margin:0}
.about-final .ab-2-portfolio-thumb img{width:100%;height:auto;display:block}
@media(max-width:991px){.about-final .ab-2-portfolio-thumb-wrap>.row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.about-final .ab-2-portfolio-thumb-wrap>.row{gap:20px}}
@media(max-width:480px){.about-final .ab-2-portfolio-thumb-wrap>.row{grid-template-columns:1fr}}

/* One clean white surface across the philosophy, marquee and Instagram sections. */
.about-final,.about-final .tp-service-4-area,.about-final .tp-line-text-wrap,.about-final .tp-instagram-area{background-color:#fff!important}
.about-final .tp-service-4-area,.about-final .tp-line-text-wrap{background-image:none!important}

/* Align adjacent editorial sections to the same columns, without template-specific indents. */
.about-final .tp-about-5-text,.about-final .tp-about-5-category{padding-left:0;padding-right:0}
.about-final .tp-about-5-area>.container>.row,.about-final .ab-2-work-area>.container>.row{--bs-gutter-x:24px}
.about-final .tp-about-5-text p,.about-final .ab-2-work-item .sv-service-text p{max-width:60ch}
@media(min-width:992px){.about-final .ab-2-work-area>.container>.row>[class*="col-"]{width:50%}}
@media(max-width:991px){.about-final .tp-about-5-area>.container>.row>[class*="col-"]{width:100%}.about-final .tp-about-5-category{margin-bottom:40px}}
/* Shared editorial grid across Practice, What I work on, Beyond client work and the other text sections. */
.about-final .container>.row{--bs-gutter-x:24px}
.about-final .ab-about-category-title-box,.about-final .ab-about-category-list.category-space-1,.about-final .ab-about-category-list.category-space-2{padding-left:0;padding-right:0}
.about-final .ab-about-content p{padding-right:0}
.about-final .ab-about-category-list ul{padding-left:0;margin-left:0}
.about-final .ab-about-category-title-box>.ab-about-category-title{margin-left:0}
.about-final .ab-about-category-title-box>.ab-about-category-title span{font-size:inherit;line-height:inherit;font-weight:inherit}
.about-final .about-category-section>.container>.row,.about-final .about-practice-spacing>.container>.row{--bs-gutter-x:24px}
@media(min-width:992px){
.about-final .about-category-section>.container>.row>[class*="col-"]{width:50%}
.about-final .about-practice-spacing>.container>.row>div:has(>.ab-about-category-title-box),.about-final .about-practice-spacing>.container>.row>div:has(>.ab-about-category-title-box)+div{width:50%}
}
@media(max-width:991px){
.about-final .about-category-section>.container>.row>[class*="col-"]{width:100%}
.about-final .about-practice-spacing>.container>.row>div:has(>.ab-about-category-title-box),.about-final .about-practice-spacing>.container>.row>div:has(>.ab-about-category-title-box)+div{width:100%}
}
/* Canonical prose style: matches the original Trusted by paragraph (28px / 1.3 / 500). */
.about-final{--about-prose-size:28px;--about-prose-leading:1.3;--about-prose-weight:500}
.about-final :is(.tp-hero-content,.ab-about-content,.tp-about-5-text,.sv-service-text,.ab-brand-content,.accordion-body) p{
 font-family:var(--tp-ff-body),sans-serif!important;
 font-size:var(--about-prose-size)!important;
 font-weight:var(--about-prose-weight)!important;
 line-height:var(--about-prose-leading)!important;
 letter-spacing:normal!important;
 text-align:left!important;
 text-transform:none!important;
 max-width:52ch;
 padding-left:0!important;padding-right:0!important;
 margin-top:0;margin-bottom:30px;
}
.about-final :is(.tp-hero-content,.ab-about-content,.tp-about-5-text,.sv-service-text,.ab-brand-content,.accordion-body) p:last-child{margin-bottom:0}
@media(max-width:767px){.about-final{--about-prose-size:24px}}
/* Intro copy follows the actual rendered name width. */
.about-final .tp-hero-content{max-width:100%;margin-left:auto;margin-right:auto}
.about-final .tp-hero-content p{max-width:none;width:100%}

/* Align introductory prose to both edges of the name. */
.about-final .tp-hero-content p{text-align:justify!important;text-align-last:left;hyphens:none}
@media(max-width:767px){.about-final .tp-hero-content p{text-align-last:left}}

/* Dark mode must override the explicitly white light-mode surfaces. */
.miko-dark-active .about-final{background-color:#111!important;color:#f5f5f5;color-scheme:dark}
.miko-dark-active .about-final>:is(div,section),
.miko-dark-active .about-final :is(.tp-service-4-area,.tp-line-text-wrap,.tp-instagram-area,.sv-big-text-area,.ab-funfact-area,.mk-app-showcase,.about-category-section,.about-photo-section,.about-practice-spacing){background-color:#111!important}
.miko-dark-active .about-final :is(h1,h2,h3,h4,h5,h6){color:#f5f5f5!important}
.miko-dark-active .about-final p{color:#d0d0d0!important}
.miko-dark-active .about-final :is(.ab-inner-subtitle,.ab-2-hero-subtitle,.ab-2-work-subtitle,.sv-service-subtitle,.tp-instagram-subtitle,.sv-small-text-box,.ab-about-category-title,.ab-about-category-title span,.ab-about-category-list li,.ab-funfact-title,.ab-funfact-item span,.mk-case-cap,.mk-case-cap b,.mk-app-label strong){color:#f5f5f5!important}
.miko-dark-active .about-final :is(.mk-app-label small,.mk-case-cap>span){color:#bdbdbd!important;opacity:1}
.miko-dark-active .about-final :is(.mk-app-card,.mk-app-controls,.sv-big-text a){color:#f5f5f5}
.miko-dark-active .about-final :is(.ab-2-work-item,.accordion-items,.tp-award-list-item){border-color:#444}
.miko-dark-active .about-final .sv-service-subtitle i::after{background-color:#888}
.miko-dark-active .about-final .ab-about-category-list li::after{background-color:#bbb}
.miko-dark-active .about-final .tp-line-content h4{color:#737373!important}
.miko-dark-active .about-final :is(.tp-service-4-shape-1 img,.ab-about-shape-1,.ab-2-work-shape){filter:brightness(0) invert(1)}
.miko-dark-active .about-final .about-document-buttons :is(button,a){color:#f5f5f5;border:1px solid #666;background:#222}
/* Match philosophy text size and leading to the paragraph above. */
.about-final .tp-service-4-title{font-size:var(--about-prose-size)!important;line-height:var(--about-prose-leading)!important;letter-spacing:normal!important}

/* ===== Awards & Recognition: the design system "Award row" (2026-10-30) ===== */
/* Award row: count (Heading, text-muted) | title (Heading, text) | date (Text/MD, text-secondary); 30px row padding, 1px border rule, no cards.
   Hover: the title shifts 10px right (duration-base). The three lists sit side by side, so the heading style steps down to H6 (24px) and the date goes under the title.
   The template's fixed margins and per-breakpoint font sizes no longer decide the layout (they broke rows differently: 2-3 line titles, dates split in two, "Google" running into "Feb"). */
.about-final .tp-award-area .tp-award-list-wrap{margin-left:0;padding-right:var(--mk-space-lg,40px)}
.about-final .tp-award-area .tp-award-list-item{display:grid!important;grid-template-columns:var(--mk-space-2xl,60px) minmax(0,1fr);column-gap:var(--mk-space-sm,20px);row-gap:var(--mk-space-3xs,5px);align-items:start;padding-top:var(--mk-space-md,30px);padding-bottom:var(--mk-space-md,30px);border-bottom:1px solid var(--mk-color-border,#eaeaeb)}
.miko-dark-active .about-final .tp-award-area .tp-award-list-item{border-color:var(--mk-color-border,rgba(245,247,245,.1))}
.about-final .tp-award-area .tp-award-list-wrap .tp-award-list-item:first-child{padding-top:var(--mk-space-md,30px)}
.about-final .tp-award-area .tp-award-list-content-left,
.about-final .tp-award-area .tp-award-list-content-right{display:contents!important}
.about-final .tp-award-area .tp-award-list-content-left span{grid-column:1;grid-row:1 / span 2;align-self:start;margin:0;font-size:var(--mk-font-size-heading-6,24px);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--mk-color-text-muted,#6a6d71);opacity:1}
.about-final .tp-award-area .tp-award-list-content-left p{grid-column:2;grid-row:1;margin:0;font-size:var(--mk-font-size-heading-6,24px);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--mk-color-text,#1e1e1e);transition:transform var(--mk-duration-base,.3s) var(--mk-ease-standard,cubic-bezier(0,0,.58,1))}
.about-final .tp-award-area .tp-award-list-content-right span{grid-column:2;grid-row:2;display:block;font-size:var(--mk-font-size-text-md,16px);font-weight:400;line-height:1.55;color:var(--mk-color-text-secondary,#5d5d63);opacity:1}
.about-final .tp-award-area .tp-award-list-item:hover .tp-award-list-content-left p{transform:translateX(10px)}
@media (max-width:991px){.about-final .tp-award-area .tp-award-list-wrap{padding-right:0;margin-bottom:var(--mk-space-md,30px)}}
@media (max-width:575px){.about-final .tp-award-area .tp-award-list-item{grid-template-columns:48px minmax(0,1fr);column-gap:var(--mk-space-xs,15px)}.about-final .tp-award-area .tp-award-list-content-left span,.about-final .tp-award-area .tp-award-list-content-left p{font-size:var(--mk-font-size-text-xl,20px)}}
@media (prefers-reduced-motion:reduce){.about-final .tp-award-area .tp-award-list-content-left p{transition:none}.about-final .tp-award-area .tp-award-list-item:hover .tp-award-list-content-left p{transform:none}}

/* ===== My Resume / My CV: the design system Button, Small style, content centred (2026-10-30) ===== */
/* Pill 38px, padding 0 20px, 16px / 500, 3% tracking. Label and icon are centred as one flex row. */
.about-final .about-document-buttons .tp-btn-white{display:inline-flex;align-items:center;justify-content:center;gap:var(--mk-space-xs,12px);height:38px;min-width:175px;padding:0 var(--mk-space-sm,20px);line-height:1;text-align:center;text-transform:none;font-weight:500;letter-spacing:var(--mk-letter-spacing-button,.03em);border:1px solid var(--tp-common-black,#000);border-radius:9999px}
.about-final .about-document-buttons .tp-btn-white span{display:inline-flex;align-items:center;padding:0;transform:none}
.about-final .about-document-buttons .tp-btn-white svg{display:block;flex:none}
.about-final .about-document-buttons .tp-btn-white.background-black:hover{border-color:var(--tp-common-black,#000)}