/* Shared additions: retain both established page themes and the approved hero. */
#versions,#about,#application{scroll-margin-top:100px}
.home-card-item{min-width:0;position:relative}
.card-month{display:block;min-height:28px;font-size:14px;line-height:28px;color:var(--muted-copy,#6b5642);padding-left:8%}
.home-empty{width:100%;text-align:center;padding:64px 16px}
.home-catalog .library-link{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;margin:18px auto;font-size:18px}
.home-about{position:relative;padding:72px 7%;color:var(--body-copy,#493c30)}
.home-about h2{font-family:var(--display,var(--serif));font-size:var(--light-type-section,clamp(29px,2.7vw,52px));text-align:center;line-height:1.4}
.about-description{text-align:center;max-width:48em;margin:20px auto 42px;font-size:18px;line-height:1.9}
.home-expertise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;max-width:1440px;margin:auto}
.home-expertise h3{font-family:var(--display,var(--serif));font-size:28px;line-height:1.4;margin:0 0 14px}
.home-expertise p{font-size:17px;line-height:1.9;margin:0}
.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1440px;margin:54px auto 0;text-align:center}
.home-stats strong{display:block;font:var(--light-type-body,clamp(30px,3vw,54px))/1.3 var(--display,var(--serif))}
.home-stats span{display:block;font-size:16px;margin-top:10px}
body[data-scene=grok-a] .month-grid{align-items:stretch}
body[data-scene=grok-a] .home-card-item{flex:0 0 calc((100% - var(--card-gap)*2)/3)}
body[data-scene=grok-a] .home-card-item .month-card{width:100%;height:auto}
body[data-scene=grok-a] .catalog-month{text-align:center;margin:12px 0}
body:not([data-scene=grok-a]) .home-catalog [data-home-grid]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body:not([data-scene=grok-a]) .home-card-item .version-card{width:100%;margin:0}
body:not([data-scene=grok-a]) .home-catalog{height:auto;min-height:0;padding-bottom:24px}
body:not([data-scene=grok-a]) .home-about{background:var(--paper-surface)}
html[data-theme=dark] .home-about{background:var(--night-bg,#151719);color:var(--body-copy,#d8d0c2)}
.cooperation-compact{width:86%;max-width:1600px;margin:50px auto 80px}
.cooperation-compact>h2{font:700 var(--light-type-section,clamp(28px,2.5vw,44px))/1.4 var(--serif);margin:0 0 28px}
.cooperation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.cooperation-cards article{min-width:0}
.cooperation-cards h3{font-size:24px;margin-bottom:20px}
.cooperation-cards dl{font-size:16px;line-height:1.8}
.cooperation-cards dt{font-weight:700;margin-top:12px}
.cooperation-cards dd{margin:0}
.cooperation-cards .text-button{display:inline-flex;align-items:center;min-height:44px;margin-top:16px}
.cooperation-compact>.process-heading{margin-top:56px}
.process-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:0;list-style:none}
.process-line li{font-size:18px;line-height:1.8}
.process-line span{display:block;font:26px/1.6 var(--serif);opacity:.65}
/* Only deliberate mouse hover animates card media. */
.version-card :is(.card-media img,.content-image),.month-card .card-cover img{transform:none!important;transition:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-card-motion=true] :is(.version-card .card-media img,.month-card .card-cover img){transition:transform 240ms ease}
 html[data-card-motion=true] :is(.version-card:hover .card-media img,.month-card:hover .card-cover img){transform:scale(1.025)!important}
}
@media(max-width:1023px){
 body[data-scene=grok-a] .home-card-item{flex-basis:calc((100% - var(--card-gap))/2)}
 body:not([data-scene=grok-a]) .home-catalog [data-home-grid]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-about{padding:54px 6%}.home-expertise{gap:24px}.home-expertise h3{font-size:24px}.home-expertise p{font-size:16px}
 .cooperation-cards{gap:24px}.process-line{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 #versions,#about,#application{scroll-margin-top:90px}
 body[data-scene=grok-a] .home-card-item{flex-basis:100%}
 body:not([data-scene=grok-a]) .home-catalog [data-home-grid]{grid-template-columns:1fr}
 .home-expertise,.home-stats{grid-template-columns:1fr;gap:28px}
 .about-description{font-size:16px;margin:18px auto 32px}.home-expertise h3{margin-bottom:8px}.home-stats{margin-top:38px}
 .cooperation-cards,.process-line{grid-template-columns:1fr}.cooperation-compact{margin-block:36px 60px}
}
@media(max-width:767px){[data-home-grid]>.home-card-item:nth-child(n+7){display:none}}

/* Refinement: real stone stays on one unsegmented plane; the existing photographic rim is above it. */
:root{--site-marble:image-set(url('/assets/grok-a/marble-flow-1024.webp') 1x,url('/assets/grok-a/marble-flow-2048.webp') 2x,url('/assets/grok-a/marble-flow-4096.webp') 3x,url('/assets/grok-a/marble-flow-5016.webp') 4x)}
body[data-scene=grok-a] .home-catalog{--catalog-top:calc(100vw * 180 / 1672);--catalog-bottom:calc(100vw * 90 / 1672);--catalog-side:calc(100vw * 48 / 1672)}
body[data-scene=grok-a] .home-catalog::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:#eedcc7 var(--site-marble) center/cover no-repeat;mask-image:linear-gradient(#0000,#000 60px,#000 calc(100% - 50px),#0000)}
body[data-scene=grok-a] .home-catalog::before{
 border-image-slice:19.1285866% 2.8708134% 9.5642933% 2.8708134%;border-image-repeat:stretch;
 /* Apply the full-width fade AFTER combining the side and cap masks. */
 mask-image:linear-gradient(#0000,#000 80px,#000 calc(100% - 100px),#0000 calc(100% - 40px),#0000),linear-gradient(to right,#000 calc(var(--catalog-side) - min(8px,1vw)),#0000 var(--catalog-side),#0000 calc(100% - var(--catalog-side)),#000 calc(100% - var(--catalog-side) + min(8px,1vw))),linear-gradient(to bottom,#000,#000 max(0px,calc(var(--catalog-top) - 48px)),#0000 var(--catalog-top),#0000 calc(100% - var(--catalog-bottom)),#000 calc(100% - var(--catalog-bottom) + min(40px,var(--catalog-bottom))));
 mask-composite:intersect,add;
}

/* A dedicated name row leaves eight characters room at every card size. */
.month-card,.version-card{container-type:inline-size}
.month-card .card-caption,.version-card .card-info{left:7%;right:7%;top:80%;bottom:2%;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:0}
.month-card .card-identity,.version-card .card-title-line{display:block;flex:none;min-width:0;line-height:1.2}
.month-card .card-identity h3,.version-card .card-title-line h3,.home-catalog .version-card .card-title-line h3{font-family:var(--display,var(--display-serif,var(--serif)));font-size:clamp(18px,5cqw,30px);line-height:1.2;font-weight:900;width:100%;max-width:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.card-details{display:flex;align-items:center;gap:5px;min-width:0;font-size:clamp(11px,2.8cqw,14px);line-height:1.2}
.card-details :is(.category,.tag){flex:none;max-width:none;font:inherit;line-height:1.2;white-space:nowrap;padding:1px 4px}
.card-details .card-meta,.home-catalog .card-details .card-meta{font:inherit;line-height:1.2;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-details .card-action,.card-details .card-link{position:static;display:flex;flex-direction:row;align-items:center;flex:none;gap:4px;font:inherit;line-height:1.2;white-space:nowrap}
.card-details .version-inquiry{font:inherit;min-width:28px;min-height:22px;margin:0;line-height:1.2}
html[data-theme=dark] .version-card .card-info{top:79%;bottom:2%}
html[data-theme=dark] .version-card .card-title-line h3{line-height:1.2}
html[data-theme=dark] .version-card .card-details :is(.tag,.card-meta){font:inherit;line-height:1.2;margin:0}

.card-month{font-size:14px;line-height:28px;min-height:28px}
html[data-theme=dark] .home-catalog>.section-top{justify-content:center;text-align:center}

.home-about{padding-block:clamp(64px,5.2vw,100px)}
.home-expertise h3{font-size:var(--light-type-small,clamp(26px,1.875vw,36px))}
.home-expertise p{font-size:var(--light-type-body,clamp(17px,1.042vw,20px))}
.about-description{margin-bottom:clamp(36px,3vw,58px)}
body[data-scene=grok-a] .home-business .section-art{mask-image:url('/assets/site-home-library/business-transition-mask.webp');mask-size:cover;mask-position:center;mask-repeat:no-repeat}

/* The contact continuation uses the homepage stone and its actual ornament drawing. */
html[data-theme=light] .contact-main:not(.exhibit-floor){background:#eedcc7 var(--site-marble) 0 0/1024px auto repeat}
html[data-theme=light] .contact-main .detail-exhibit{mask-image:linear-gradient(#000,#000 calc(100% - 90px),#0000)}
.contact-main .cooperation-cards article{background:transparent}
.cooperation-compact{padding-top:24px}
.cooperation-compact .section-heading{display:flex;justify-content:center;align-items:center;position:relative;gap:clamp(24px,3.2vw,110px);margin:0 0 36px}
.cooperation-compact .section-heading h2{font:700 var(--light-type-section,clamp(29px,2.7vw,52px))/1.3 var(--display,var(--display-serif,var(--serif)));letter-spacing:.12em;white-space:nowrap;margin:0}
.cooperation-compact .section-heading i{position:relative;display:block;width:11vw;height:1px;background:linear-gradient(90deg,transparent,#b3996d)}
.cooperation-compact .section-heading i:last-child{rotate:180deg}
.cooperation-compact .title-knot{position:absolute;right:-9px;top:-6px;width:18px;height:14px;overflow:visible;color:#aa8858}
.cooperation-compact>.process-heading{margin-top:64px}
@media(max-width:1023px){
 .home-expertise h3{font-size:var(--type-small)}
 .home-expertise p{font-size:var(--type-body)}
}
@media(max-width:767px){
 .home-about{padding-block:64px}
 .home-expertise h3{font-size:var(--light-type-small,clamp(25px,3.3vw,34px))}
 .home-expertise p{font-size:var(--light-type-body,clamp(17px,1.95vw,20px))}
 .cooperation-compact .section-heading{gap:18px}
 .cooperation-compact .section-heading h2{font-size:29px}
 .cooperation-compact .section-heading i{width:45px}
 body[data-scene=grok-a] .home-business .section-art{mask-position:57% center}
}
.month-card .card-caption,.version-card .card-info{top:79%;bottom:0%}
html[data-theme=dark] .version-card .card-info{top:78.5%;bottom:0%}
.contact-main{display:flow-root}
html[data-theme=light] .contact-main .contact-hero::after{display:none}

/* Transparent margins enlarge the inquiry target without changing the two-row card layout. */
@media(max-width:767px){
 .card-details{font-size:13px}
 .card-details .version-inquiry{box-sizing:border-box;min-width:44px;min-height:44px;padding:0 16px 0 0;margin:-11px -16px -11px 0}
 .version-main-link{clip-path:polygon(0 0,100% 0,100% var(--inquiry-cut-top,100%),var(--inquiry-cut-left,100%) var(--inquiry-cut-top,100%),var(--inquiry-cut-left,100%) 100%,0 100%)}
}