/* V2 source integration — retain source structure and content */
:root {--v2-yellow:#f2df00;--v2-paper:#f9f9f6;--v2-black:#141414}
body{overflow-x:hidden}
.site-header{pointer-events:auto!important}
.header-status{white-space:nowrap;letter-spacing:.10em;font-size:10px}
.preview-banner{position:fixed;left:16px;bottom:14px;z-index:200;background:rgba(18,18,18,.94);color:#fff;padding:9px 14px;display:flex;gap:18px;align-items:center;border:1px solid #525252;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.02em;box-shadow:0 4px 20px #0002;max-width:calc(100vw - 32px)}
.preview-banner b{font-size:10px;letter-spacing:.06em}.preview-banner span{opacity:.75}
.v2-project-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:11px;line-height:1.5;border-top:1px solid #aaa;padding-top:14px;color:#555}
.v2-project-meta .project-category{max-width:69%;text-align:right;font-size:10px}
.v2-work-desc{font-size:12px;line-height:1.85;color:#666;margin:10px 0 15px;max-width:80ch}
.v2-case-tags{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 20px}
.v2-case-tags span{font-size:9px;padding:6px 9px;border-radius:100px;border:1px solid #d3d3ce;color:#777}
.v2-more{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.14em;border-bottom:1px solid #222;padding-bottom:6px}
.work-card figure img{width:100%;height:100%;object-fit:cover}.work-card{min-width:0}.work-card .project-title{font-size:clamp(24px,2.9vw,38px);line-height:1.03;margin:18px 0 7px}
.work-card.wide .project-title{font-size:clamp(30px,4.5vw,56px)}
.v2-archive-link{color:inherit;text-decoration:none;display:flex;align-items:end;justify-content:space-between;gap:35px;border-top:2px solid #111;padding:22px 0}
.v2-archive-link span:first-child{font-size:clamp(38px,6vw,90px);font-weight:770;letter-spacing:-.07em;line-height:.96}
.v2-archive-link span:last-child{font-size:11px;line-height:1.6;max-width:340px}
.v2-imported-about,.v2-imported-contact{background:var(--v2-paper)!important;color:#111!important;padding:100px max(24px,calc((100vw - 1440px)/2 + 30px)) 120px!important}
.v2-imported-about .wrap,.v2-imported-contact .wrap{max-width:1370px!important;width:100%!important}
.v2-imported-about .about-name{font-style:italic;font-family:Georgia,'Times New Roman',serif}
.v2-imported-about .about-lead{font-size:clamp(24px,2.9vw,43px);line-height:1.6}
.v2-imported-about .career{margin-top:58px}
.v2-imported-contact{border-top:1px solid #999!important}
.v2-imported-contact .section-title{font-size:clamp(50px,6vw,92px)}
.v2-imported-contact .contact-submit{border-radius:0!important;background:#111!important;color:white!important}
.v2-imported-about a,.v2-imported-contact a{color:inherit}
/* source original footer retained after V2 footer */
footer + footer{background:#171717!important;padding:15px 24px 65px!important;color:#c6c6c6!important;border-top:1px solid #444!important}
footer + footer .wrap{max-width:1370px;width:100%}
/* case study */
.v2-source-case .case-hero .lead{max-width:830px;line-height:1.65}
.v2-source-case .case-hero h1{overflow-wrap:anywhere}
.v2-source-case .case-hero .desc{font-size:11px}
.v2-case-cover{background:#ebebe6}.v2-case-cover img{display:block;width:100%;height:min(75vh,790px);object-fit:contain;margin:auto;background:#e7e7e3}
.v2-source-block{padding:110px 0 46px;border-top:1px solid #b7b7b1}
.v2-source-block .source-label{font-size:11px;letter-spacing:.17em;font-weight:800;margin-bottom:40px}
.v2-source-block h2{font-size:clamp(45px,7vw,94px);font-weight:760;letter-spacing:-.075em;line-height:1;margin:0 0 25px}
.v2-source-block h2 em{font-family:Georgia,serif;font-weight:400}
.v2-source-block p{font-size:14px;line-height:2;color:#777;max-width:760px}
.v2-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 20px;padding-bottom:140px}
.v2-gallery-trigger{display:block;text-align:left;background:transparent;border:0;padding:0;cursor:zoom-in}
.v2-gallery-trigger img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#ecece8;transition:transform .35s}
.v2-gallery-trigger:hover img{transform:scale(1.016)}
.v2-gallery-trigger span{display:block;border-top:1px solid #aaa;padding:12px 0;font-size:11px;line-height:1.7}
.v2-inline-warning{padding:40px 0 100px;color:#777;font-size:12px}
.v2-source-embedded{color:#111}
.v2-source-embedded section{padding-left:0!important;padding-right:0!important}
.v2-source-embedded .wrap{max-width:1370px}
.v2-source-embedded .figma-case,.v2-source-embedded .palett-case,.v2-source-embedded .full-archive,.v2-source-embedded .evolution{background:var(--v2-paper)!important}
.v2-source-embedded .palett-case,.v2-source-embedded .full-archive,.v2-source-embedded .figma-case,.v2-source-embedded .evolution{padding-top:100px;padding-bottom:110px}
.v2-source-embedded .page-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.v2-source-embedded .figma-thumb,.v2-source-embedded .palett-thumb,.v2-source-embedded .page-thumb{cursor:zoom-in}
.v2-extra-archive{max-width:1370px;margin:50px auto;padding:0 30px}
.v2-extra-archive .archive-card,.v2-extra-archive .earlier-card{background:#fff}
.v2-extra-archive .earlier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-extra-archive .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-source-case .next-case{margin-top:0}
/* universal image viewer */
.v2-gallery-modal{position:fixed;inset:0;z-index:500;background:rgba(8,8,8,.98);color:#fff;align-items:center;justify-content:center;gap:25px;padding:55px 85px}
.v2-gallery-modal:not([hidden]){display:flex}.v2-gallery-modal[hidden]{display:none}
.v2-gallery-modal figure{max-width:min(1200px,88vw);max-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;gap:10px;margin:0}
.v2-gallery-modal img{max-width:100%;max-height:calc(100vh - 170px);object-fit:contain}
.v2-gallery-modal figcaption{font-size:11px;opacity:.8}
.v2-gallery-modal button{color:white;border:1px solid #999;background:#171717;padding:10px;min-width:40px;cursor:pointer}
.v2-modal-close{position:absolute;top:15px;right:20px}
/* GL Navigation detail: retain original content but V2 editorial palette */
.v2-gl-breadcrumb{font-size:11px;letter-spacing:.08em;display:flex;justify-content:space-between;gap:25px;padding:28px max(24px,calc((100vw - 1350px)/2));background:#f9f9f6;color:#111;border-bottom:1px solid #ddd}
.v2-gl-breadcrumb a{font-weight:800;text-decoration:underline!important}
body:has(.v2-gl-breadcrumb){background:#f9f9f6}
@media(max-width:760px){
 .preview-banner{left:6px;bottom:5px;padding:7px;font-size:9px;gap:5px;flex-direction:column;align-items:flex-start}
 .work-card .project-title{font-size:29px}.v2-work-desc{font-size:12px}
 .v2-archive-link{flex-direction:column;align-items:flex-start}.v2-imported-about,.v2-imported-contact{padding:70px 24px 85px!important}
 .v2-imported-about .about-grid{grid-template-columns:1fr;gap:25px}
 .v2-gallery-grid{grid-template-columns:1fr;gap:32px}
 .v2-source-embedded .page-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v2-extra-archive .earlier-grid,.v2-extra-archive .archive-grid{grid-template-columns:1fr}
 .v2-gallery-modal{padding:46px 6px;gap:3px}.v2-gallery-modal button{min-width:30px}
 .v2-gl-breadcrumb span{display:none}
}


/* V2 — 2026-10-11: dark Selected Works, sticky About + social profiles */
.works-full-bleed{background:#111111;color:#f8f8f4}
.works-full-bleed .works-section{color:#f8f8f4}
.works-full-bleed .section-topline{border-color:rgba(255,255,255,.65)}
.works-full-bleed .section-headline h2{color:#f8f8f4}
.works-full-bleed .section-headline h2 span{color:#777!important}
.works-full-bleed .section-index,.works-full-bleed .eyebrow{color:#e5e5e2}
.works-full-bleed .section-subtext,.works-full-bleed .v2-case-navigation-note{color:#b8b8b3}
.works-full-bleed .work-card{color:#f8f8f4}
.works-full-bleed .work-card figure{background:#0a0a0a;border-color:#303030}
.works-full-bleed .work-card .v2-project-meta{border-color:#505050;color:#b5b5b1}
.works-full-bleed .work-card .project-category{color:#bababa}
.works-full-bleed .work-card .v2-work-desc{color:#c8c8c3}
.works-full-bleed .work-card .v2-case-tags span{border-color:#6a6a65;color:#d2d2cb}
.works-full-bleed .work-card .v2-more{border-bottom-color:#c9c9c4;color:#fafaf8}
.works-full-bleed .v2-archive-link,.works-full-bleed .archive-block{color:#f5f5f1;border-color:#777}
.works-full-bleed .v2-archive-link:hover,.works-full-bleed .archive-block:hover{color:#111;background:#fff037}
/* Keep the left-side name and social links visible while reading the longer profile. */
.v2-imported-about .about-grid > .reveal:first-child{
  position:sticky;top:105px;align-self:start;height:max-content;
}
.v2-imported-about .about-links{
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;
  gap:7px;max-width:100%;overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px 0 8px;
}
.v2-imported-about .about-links::-webkit-scrollbar{display:none}
.v2-imported-about .about-links .link-btn{
  white-space:nowrap;flex:0 0 auto;font-size:10px;line-height:1.45;
  padding:9px 10px;border-color:#333;transition:background .2s,color .2s;
}
.v2-imported-about .about-links .link-btn:hover,
.v2-imported-about .about-links .link-btn:focus-visible{background:#111;color:#fff}
@media(max-width:760px){
  /* Prevent the large name from blocking the reading area on phones. */
  .v2-imported-about .about-grid > .reveal:first-child{position:static;height:auto}
  .v2-imported-about .about-links{margin-top:24px;gap:6px}
  .v2-imported-about .about-links .link-btn{font-size:10px;padding:9px 10px}
}