/* Integration overrides: layout changes requested for the real homepage.
   The three approved prototype layers are loaded first, unchanged except for scope and local image path. */
.homepage-v2{min-width:0;background:#fff;color:var(--v2-ink)}
.homepage-v2 .v2-home{min-width:0}
.homepage-v2 .arrow-link{width:auto;height:auto;border-radius:0;background:transparent;color:inherit;place-items:normal}
.homepage-v2 .v2-home a:hover,.homepage-v2 .v2-header a:hover{text-decoration:none}
.homepage-v2 .v2-header .main-nav>a:hover{color:inherit}
.homepage-v2 .brief-copy>.eyebrow,.homepage-v2 .v2-case-copy>.eyebrow{display:inline;margin-bottom:0}
.homepage-v2 .v2-home h1[tabindex="-1"]:focus{outline:none}
.homepage-v2 .v2-home a:focus-visible,.homepage-v2 .v2-home button:focus-visible,.homepage-v2 .homepage-example a:focus-visible{outline:3px solid #498ad4;outline-offset:4px}
.homepage-v2 .homepage-error,.homepage-v2 .homepage-category-empty{font-size:14px;line-height:1.7;padding-top:20px;padding-bottom:20px}
.homepage-v2 .homepage-error{color:#a72f32}
.homepage-v2 .v2-trust{flex-wrap:wrap;gap:28px;row-gap:14px}
.homepage-v2 .v2-trust>span,.homepage-v2 .v2-trust>strong{white-space:normal;flex-shrink:1}
.homepage-v2 .homepage-category-group{min-width:0}
.homepage-v2 .homepage-category-grid{--homepage-columns:9;grid-template-columns:repeat(var(--homepage-columns),minmax(0,1fr));grid-auto-flow:row;overflow:visible;scroll-snap-type:none}
.homepage-v2 .v2-category-icons{width:100%;max-width:1400px;padding:34px 40px 24px;gap:17px}
.homepage-v2 .v2-category-icons>a,.homepage-v2 .v2-category-icons.expanded>a:nth-child(n){display:flex;width:auto;max-width:none;min-width:0;height:130px;min-height:130px;overflow-wrap:anywhere}
.homepage-v2 .v2-category-icons>a strong{max-width:calc(100% + 12px);overflow-wrap:break-word}
.homepage-v2 .v2-category-icons>a:nth-child(n){display:flex}
.homepage-v2 .homepage-category-grid>[hidden]{display:none!important}
.homepage-v2 .v2-popular-track.homepage-category-grid{--homepage-columns:6;margin:0;padding:0 0 12px;gap:20px}
.homepage-v2 .popular-direction{min-width:0}
.homepage-v2 .popular-direction>strong{overflow-wrap:anywhere}
.homepage-v2 .category-toggle-wrap{display:flex;align-items:center;gap:12px;padding:18px 32px 20px}
.homepage-v2 .category-toggle-wrap[hidden]{display:none!important}
.homepage-v2 .category-toggle-wrap:before,.homepage-v2 .category-toggle-wrap:after{content:"";height:1px;background:#dadbdd;flex:1}
.homepage-v2 .category-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 12px;border:0;background:#fff;color:#404145;font-size:13px;font-weight:600}
.homepage-v2 .category-toggle svg{width:16px;height:16px;transform:rotate(90deg)}
.homepage-v2 .category-toggle[aria-expanded="true"] svg{transform:rotate(-90deg)}
.homepage-v2 .category-toggle[aria-expanded="true"] span{transform:none}
.homepage-v2 .direction-code{background:#354c72}
.homepage-v2 .direction-ai{background:#555595}
.homepage-v2 .expert-person>span:not(.avatar){min-width:0;flex:1}
.homepage-v2 .expert-person strong,.homepage-v2 .expert-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homepage-v2 .expert-person .avatar{flex-shrink:0}
.homepage-v2 .homepage-sample-profile{cursor:default}
.homepage-v2 .homepage-sample-copy{min-height:74px;padding:12px 13px 9px;color:#222325}
.homepage-v2 .homepage-sample-copy strong{display:block;font-size:13px;font-weight:600;line-height:1.4}
.homepage-v2 .homepage-sample-copy p{font-size:10px;line-height:1.5;margin:5px 0 0;color:#62646a}
.homepage-v2 .homepage-sample-profile.expert-profile-0:hover{transform:rotate(-7deg);z-index:auto}
.homepage-v2 .homepage-sample-profile.expert-profile-1:hover{transform:rotate(6deg);z-index:2}
.homepage-v2 .homepage-sample-profile.expert-profile-2:hover{transform:rotate(-3deg);z-index:auto}
.homepage-v2 .homepage-preview-note{display:block;color:#e2d7cb;font-size:11px;line-height:1.6;margin-top:15px}
.homepage-v2 .v2-guide{cursor:pointer}
.homepage-v2 .homepage-guide-dialog{position:fixed;margin:auto;max-width:480px;width:calc(100% - 36px);max-height:calc(100dvh - 40px);overflow-y:auto}
.homepage-v2 .homepage-guide-dialog h2{font-size:24px;line-height:1.35}
.homepage-v2 .homepage-guide-dialog .dialog-body{position:relative}
.homepage-v2 .homepage-guide-dialog form{margin:0}
.homepage-v2 .homepage-example{max-width:1080px}
.homepage-v2 .homepage-example>.eyebrow{display:block;margin:32px 0 15px}
.homepage-v2 .homepage-example h1{font-size:48px;line-height:1.15;font-weight:500;max-width:850px;margin-bottom:32px}
.homepage-v2 .homepage-example .v2-case-art{max-width:740px}
.homepage-v2 .homepage-example>section{max-width:820px;padding:28px 0}
.homepage-v2 .homepage-example>section h2{font-size:28px;line-height:1.3;margin-bottom:16px}
.homepage-v2 .homepage-example>section p,.homepage-v2 .homepage-example li{font-size:16px;line-height:1.9;color:var(--v2-muted)}
.homepage-v2 .homepage-example ul{padding-left:24px}
@media(max-width:1299px){
 .homepage-v2 .v2-category-icons.homepage-category-grid{--homepage-columns:6}
 .homepage-v2 .v2-category-icons{padding-left:32px;padding-right:32px}
 .homepage-v2 .expert-profile-1{left:auto;right:5%}
}
@media(max-width:1150px){
 .homepage-v2 .v2-popular-track.homepage-category-grid{--homepage-columns:3}
}
@media(max-width:900px){
 .homepage-v2 .v2-category-icons.homepage-category-grid{--homepage-columns:4}
 .homepage-v2 .v2-trust{gap:20px}
 .homepage-v2 .expert-profile{width:190px}
 .homepage-v2 .expert-profile-0{left:6%;top:35px}
 .homepage-v2 .expert-profile-1{right:5%;top:170px}
 .homepage-v2 .expert-profile-2{left:5%;top:320px;width:170px}
}
@media(max-width:767px){
 .homepage-v2 .v2-header .header-actions .sign-in{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid #222325;border-radius:4px;color:#222325;font-size:11px;font-weight:700}
 .homepage-v2 .v2-header .header-actions .join-cta{display:none}
 .homepage-v2 .v2-category-icons.homepage-category-grid{--homepage-columns:3;gap:28px 10px;padding:40px 26px 0}
 .homepage-v2 .v2-category-icons>a,.homepage-v2 .v2-category-icons.expanded>a:nth-child(n){height:147px;min-height:147px;padding:0;border:0;box-shadow:none;align-items:center;text-align:center;gap:12px}
 .homepage-v2 .v2-category-icons .category-icon-box{height:100px;min-height:100px;width:100%;max-width:102px}
 .homepage-v2 .v2-popular-track.homepage-category-grid{--homepage-columns:2;gap:14px;padding-right:0}
 .homepage-v2 .popular-direction>strong{font-size:16px;min-height:54px;padding-left:8px;padding-right:8px}
 .homepage-v2 .popular-direction>div{height:160px}
 .homepage-v2 .popular-direction>span{font-size:7px;gap:5px}
 .homepage-v2 .popular-direction>span svg{flex-shrink:0}
 .homepage-v2 .category-toggle-wrap{padding:18px 24px 20px}
 .homepage-v2 .v2-guide-grid{grid-template-columns:1fr}
 .homepage-v2 .v2-guide>div{height:210px}
 .homepage-v2 .v2-guide>span{margin-top:15px}
 .homepage-v2 .v2-case{grid-template-columns:minmax(0,1fr);gap:24px}
 .homepage-v2 .v2-case-art{height:260px}
 .homepage-v2 .v2-case-art .brand-word{font-size:82px;left:35px}
 .homepage-v2 .v2-expert-visual{min-height:380px}
 .homepage-v2 .expert-profile{width:183px}
 .homepage-v2 .expert-profile-0{top:12px;left:7%}
 .homepage-v2 .expert-profile-1{top:108px;left:auto;right:5%}
 .homepage-v2 .expert-profile-2{top:215px;left:8%;width:167px}
 .homepage-v2 .homepage-sample-copy{min-height:65px;padding:9px 10px}
 .homepage-v2 .homepage-sample-copy strong{font-size:11px}
 .homepage-v2 .homepage-sample-copy p{font-size:9px}
 .homepage-v2 .homepage-example h1{font-size:32px}
}
@media(max-width:380px){
 .homepage-v2 .v2-category-icons{padding-left:20px;padding-right:20px}
 .homepage-v2 .v2-popular{padding-left:20px;padding-right:20px}
 .homepage-v2 .popular-direction>strong{font-size:14px}
 .homepage-v2 .popular-direction>div{height:145px}
 .homepage-v2 .expert-profile{width:165px}
 .homepage-v2 .expert-profile-2{width:150px}
}
@media(prefers-reduced-motion:reduce){
 .homepage-v2 .expert-profile,.homepage-v2 .v2-guide .cover{transition:none}
}

/* Restore the prototype artwork's content-box pseudo-elements. The host's
   universal pseudo-element reset otherwise shrinks the bordered brand ring. */
.homepage-v2 .cover-brand::after,
.homepage-v2 .cover .mini-object::after,
.homepage-v2 .cover .market-art::before{box-sizing:content-box}

.homepage-v2 .homepage-category-group[data-homepage-category-kind="navigation"]{position:relative;max-width:1400px;margin:0 auto}
.homepage-v2 .homepage-category-arrow{display:flex}
.homepage-v2 .homepage-category-arrow[hidden]{display:none!important}
@media(min-width:768px){
 .homepage-v2 .v2-footer-bottom>.text-button{margin-inline-end:120px}
 .homepage-v2 .v2-category-icons.homepage-category-grid{
  grid-template-columns:none;grid-template-rows:120px;grid-auto-flow:column;grid-auto-columns:120px;
  padding:34px 38px 24px;gap:18px;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:38px;scroll-behavior:smooth
 }
 .homepage-v2 .v2-category-icons.homepage-category-grid::-webkit-scrollbar{display:none;width:0;height:0}
 .homepage-v2 .v2-category-icons.homepage-category-grid>a:nth-child(n){
  width:120px;max-width:120px;height:120px;min-height:120px;padding:19px;
  align-items:flex-start;text-align:left;gap:16px;border-radius:15px
 }
 .homepage-v2 .homepage-category-arrow{
  position:absolute;top:94px;z-index:3;display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;
  border:1px solid #ededed;background:#fff;color:#222325;
  box-shadow:0 2px 8px #0002;transform:translateY(-50%);cursor:pointer
 }
 .homepage-v2 .homepage-category-previous{left:10px}
 .homepage-v2 .homepage-category-next{right:10px}
 .homepage-v2 .homepage-category-arrow svg{width:20px;height:20px}
 .homepage-v2 .homepage-category-previous svg{transform:rotate(180deg)}
 .homepage-v2 .homepage-category-arrow:disabled{opacity:.38;cursor:default}
}
@media(min-width:1300px){
 .homepage-v2 .v2-category-icons.homepage-category-grid{grid-template-rows:130px;grid-auto-columns:132px;padding-left:40px;padding-right:40px;gap:17px;scroll-padding-inline:40px}
 .homepage-v2 .v2-category-icons.homepage-category-grid>a:nth-child(n){width:132px;max-width:132px;height:130px;min-height:130px;padding:20px}
 .homepage-v2 .homepage-category-arrow{top:99px}
}
@media(prefers-reduced-motion:reduce){
 .homepage-v2 .v2-category-icons.homepage-category-grid{scroll-behavior:auto}
}
